@charset "UTF-8";
.content{
    margin-top: 84px;
    min-height: 500px;
}
.en_wrap{word-wrap: break-word; word-break: break-all; }

.sol_dat1 .rig .rq p{line-height: 26px;}

/* 视屏 */
#publicity-video {
    width: 100%;
    height: 100%;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
}
#publicity-video video {
    display: block;
}
.msg-box-bg {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    display: none;
    z-index: 1001;
    background: rgba(0,0,0,0.8);
}
.msg-box {
    width: 60%;
    height: 70%;
    background: rgba(0,0,0,0.8);
    position: absolute;
    left: 50%;
    top: 47%;
    transform: translate(-50%, -50%);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}
.msg-box .close-box {
    width: 30px;
    height: 30px;
    background: url("../images/btn-close-modal.png") no-repeat center;
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 20px;
    -webkit-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.msg-box .close-box:hover {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.abo_video{
    width: 100%;
    height: 100%;
    cursor: pointer;
    overflow: hidden;
    position: relative;
}



.app{
    display: none;
}

/* content1 */
.sy_con1{
    position: relative;
    overflow: hidden;
    padding-top: 75px;
    padding-bottom: 75px;
}
/* .bg-scroll-text{
  position: absolute;
  left: 45%;
  top: 50px;
  z-index: -1;
} */
.text-block-25{
    overflow: hidden;
    opacity: 0.03;
    font-size: 20rem;
    line-height: 1;
    font-weight: 900;
    text-align: center;
    white-space: nowrap;
    text-transform: uppercase;
    position: absolute;
    top: 50px;
    left: 45%;
}


.sy_con1 .h1{
    color: #000;
    position: relative;
    font-size: 38px;
    padding-left: 30px;
    font-weight: bold;
}
.sy_con1 .h1::before{
    content: '';
    width: 20px;
    height: 2px;
    background-color: #00428e;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.sy_con1 .h2{
    color: #000;
    position: relative;
    font-size: 30px;
    font-weight: bold;
    margin-top: 30px;
}
.sy_con1 .rq{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 75px;
}
.sy_con1 .rq .div1{
    width: 43%;
}
.sy_con1 .rq .div1 .bot{
    width: 100%;
    position: relative;
    transition: .5s all;
}
.sy_con1 .rq .div1 .bot:hover {
    box-shadow: 8px 0 16px 0 rgb(0 0 0 / 10%);
}
.sy_con1 .rq .div1 .bot .divcon1{
    width: 320px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #00428e;
    padding: 30px 0;
    padding-left: 50px;
}
.sy_con1 .rq .div1 a .bot{
    margin-top: 75px;
    border-radius: 10px;
    overflow: hidden;
}
.sy_con1 .rq .div1:nth-child(2){
    margin-top: 50px;
}
.sy_con1 .rq  .div1 a:nth-child(1) .bot{
    margin-top: 0;
}
.sy_con1 .rq .div1 .bot .divcon1 .p1{
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    transition: .5s all;
}
.sy_con1 .rq .div1 .bot:hover .p1{
    color: #fff;
}
.sy_con1 .rq .div1 .bot .divcon1 .p2{
    font-size: 16px;
    color: #fff;
    margin-top: 10px;
}
.sy_con1 .rq .div1 .bot img{
    width: 100%;
}
.sy_con1 .rq .div1 .bot .divcon2 {
    width: 105px;
    line-height: 40px;
    border-radius: 50px;
    background-color: #fff;
    position: absolute;
    right: 50px;
    bottom: 40px;
    transition: .5s all;
    opacity: 0;
}
.sy_con1 .rq .div1 .bot:hover .divcon2{
    opacity: 1;
}
.sy_con1 .rq .div1 .bot .divcon2 span {
    display: block;
    width: 100%;
    background: url(../images/ba1.png)no-repeat;
    background-position-x: 80%;
    background-position-y: center;
    z-index: 10;
    color: #121212;
    padding-right: 30px;
    font-size: 14px;
    transition: .5s all;
}
.sy_con1 .rq .div1 .bot .divcon2:hover span{
    background-position-x: 85%;
}
.sybtn1{
    display: block;
    margin: 0 auto;
    width: 200px;
    line-height: 60px;
    border-radius: 50px;
    background-color: #00428e;
    transition: .5s all;
    margin-top: 45px;
}
.sybtn1:hover{
    background-color: #045abdfd;
}

.sybtn1 a {
    display: block;
    width: 100%;
    background: url(../images/img5.png)no-repeat;
    background-position-x: 80%;
    background-position-y: center;
    z-index: 10;
    color: #fff;
    padding-right: 30px;
    font-size: 14px;
    transition: .5s all;
}
.sybtn1:hover a{
    background-position-x: 85%;
}
.sy_con2{
    width: 100%;
    position: relative;
}
img{
    vertical-align: middle;
}

.sy_con2 .bj{
    width: 100%;
    display: none;
}
.sy_con2 .bj.a{
    display: block !important;
}
.sy_con2 .app{
    display: none !important;
}
.sy_con2 .app.a{
    display: none !important;
}
.sy_con2 .rq{
    position: absolute;
    width: 100%;
    bottom: 0;
    border-top: 1px solid rgba(255, 255, 255, .3);
    display: flex;
    flex-wrap: wrap;
}
.sy_con2 .rq .div{
    height: 190px;
    width: 20%;
    border-right: 1px solid rgba(255, 255, 255, .3);
    padding-top: 48px;
    padding-left: 70px;
    transition: .5s all;
}
.sy_con2 .rq .div .p1{
    color: #fff;
    display: inline-block;
    font-size: 16px;
    padding-bottom: 10px;
    position: relative;
    transition: .5s all;
}
.sy_con2 .rq .div .p1::before{
    content: '';
    width: 100%;
    height: 2px;
    background-color: #fff;
    position: absolute;
    left: 0;
    bottom: 0%;
}
.sy_con2 .rq .div.on1,
.sy_con2 .rq .div:hover{
    background-color: rgba(0, 0, 0, .3);
}
.sy_con2 .rq .div.on1 .p1::before{
    display: none;
}
.sy_con2 .rq .div:hover .p1::before{
    display: none;
}
.sy_con2 .rq .div:hover .p1{
    font-size: 24px;
}
.sy_con2 .h1{
    color: #fff;
    position: relative;
    font-size: 38px;
    padding-left: 30px;
    font-weight: bold;
}
.sy_con2 .h2 {
    color: #fff;
    position: relative;
    font-size: 30px;
    font-weight: bold;
    margin-top: 30px;
}
.sy_con2 .h1::before {
    content: '';
    width: 20px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.sy_con2 .container{
    opacity: 0;
    position: absolute;
    left: 50%;
    top: 35%;
    transform: translate(-50%,-50%);
    z-index: 0;
    transition: .5s all;
}
.sy_con2 .container.on{
    opacity: 1;
    z-index: 1;
}
.sy_con2 .container .btn1 {
    width: 100px;
    margin-top: 5px;
    line-height: 40px;
    border-radius: 50px;
    background-color: #fff;
    margin-top: 150px;
}
.sy_con2 .container .btn1 a {
    display: block;
    width: 100%;
    background: url(../images/ba1.png)no-repeat;
    background-position-x: 80%;
    background-position-y: center;
    z-index: 10;
    color: #121212;
    padding-right: 30px;
    font-size: 14px;
    transition: .5s all;
}
.sy_con2 .container .btn1:hover a {
    background-position-x: 84%;
}
/* content3 */
.sy_con3{
    padding-top: 75px;
    padding-bottom: 75px;
    position: relative;
    overflow: hidden;
}

.sy_con3 .rq{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.sy_con3 .lef{
    width: 44%;
}
.sy_con3 .rig{
    width: 52%;
    padding-top: 5%;
}
.sy_con3 .lef .divcon{
    margin-top: 50px;
}
.sy_con3 .swiper-container .swiper-button-next{
    right: 35px !important;
    width: 50px;
    height: 50px;
}
.sy_con3 .swiper-container .swiper-button-prev {
    left: 35px !important;
    width: 50px;
    height: 50px;
}
.sy_con3 .lef .swiper-wrapper{
    height:  auto !important;
}
.sy_con3  .h1{
    color: #000;
    position: relative;
    font-size: 38px;
    padding-left: 30px;
    font-weight: bold;
}
.sy_con3 .h1::before{
    content: '';
    width: 20px;
    height: 2px;
    background-color: #000;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.sy_con3 .h2 {
    color: #000;
    position: relative;
    font-size: 30px;
    font-weight: bold;
    margin-top: 30px;
}
.sy_con3 .swiper-container  .swiper-slide .bot{
    width: 100%;
    position: relative;
    overflow: hidden;
}
.sy_con3 .swiper-container  .swiper-slide .bot .p1{
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    position: absolute;
    bottom: 40px;
    left: 50px;
}
.sy_con3 .swiper-container  .swiper-slide .bot img{
    width: 100%;
    transition: .5s all;
}
.sy_con3 .swiper-container  .swiper-slide .bot:hover img{
    transform: scale(1.05);
}
.sy_con3 .swiper-container .swiper-pagination-bullet{
    width: 14px;
    height: 14px;
    background-color: transparent;
    border: 1px solid #fff;
    opacity: .5;
}
.sy_con3 .swiper-container .swiper-pagination-bullet-active{
    opacity: 1;
    border: 2px solid #fff;
}
.sy_con3 .swiper-container  .swiper-pagination{
    position: absolute;
    bottom: 50px;
    left: 35%;
}
.sy_con3 .swiper-container .swiper-button-next:after, .sy_con3 .swiper-container .swiper-button-prev:after{
    font-weight: bold;
    font-size: 38px;
    color: #fff;
}
.sy_con3 .rig .p{
    font-size: 16px;
    color: #121212;
    line-height: 28px;
    margin-top: 10px;
}
.sy_con3 .rig  .a1{
    display: inline-block;
    font-size: 22px;
    color: #121212;
    padding-right: 30px;
    margin-top: 100px;
    position: relative;
    transition: .5s all;
}
.sy_con3 .rig  .a1:hover{
    color: #00428e;
}
.sy_con3 .rig  .a1::after{
    content: '';
    width: 22px;
    height: 16px;
    background: url(../images/ba1.png)no-repeat;
    background-size: contain;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: .5s all;
}
.sy_con3 .rig  .a1:hover:after{
    background: url(../images/ba1b.png)no-repeat;
    background-size: contain;
}
.sy_con3 .rig  .a1::before {
    content: '';
    width: 100%;
    height: 2px;
    background-color: #000;
    position: absolute;
    left: 0;
    bottom: -30%;
    transition: .5s all;
}
.sy_con3 .rig  .a1:hover::before{
    opacity: 0;
}
/* content4 */
.sy_con4{
    width: 100%;
    position: relative;
    background-size: cover;
    background-position: center;
}
.sy_con4 .bj{
    width: 100%;
}
.sy_con4  .rq{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.sy_con4 .rq .div{
    height: 460px;
    width: 50%;
    border-right: 1px solid rgba(255, 255, 255, .5);
    padding-left: 90px;
    padding-top: 115px;
    transition: .5s all;
}
.sy_con4  .rq .div:hover{
    background-color: rgba(0, 0, 0, .3);
}

.sy_con4  .rq .div .imgcon{
    width: 90px;
    transition: .5s all;
}
.sy_con4  .rq .div:hover .imgcon{
    transform: translateY(-10px);
}
.sy_con4  .rq .div .imgcon img{
    width: 100%;
}
.sy_con4  .rq .div .bot{
    margin-top: 50px;
}
.sy_con4  .rq .div .bot .head{
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 30px;
}
.sy_con4  .rq .div .bot .bod{
    color: rgba(255, 255, 255, .7);
    font-size: 16px;
    margin-top: 20px;
}
.sy_con5{
    padding-top: 75px;
    padding-bottom: 75px;
    position: relative;
    overflow: hidden;
}
.sy_con5 .h1 {
    color: #000;
    position: relative;
    font-size: 38px;
    padding-left: 30px;
    font-weight: bold;
}
.sy_con5 .h2 {
    color: #000;
    position: relative;
    font-size: 30px;
    font-weight: bold;
    margin-top: 30px;
}
.sy_con5 .h1::before {
    content: '';
    width: 20px;
    height: 2px;
    background-color: #000;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.sy_con5 .rq{
    margin-top: 45px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.sy_con5 .rq a{
    display: block;
    width: 30.333%;
}
.sy_con5 .rq .div{
    width: 100%;
}
.sy_con5 .rq .div .imgcon{
    width: 100%;
    overflow: hidden;
}
.sy_con5 .rq .div .imgcon img{
    width: 100%;
    transition: .5s all;
}
.sy_con5 .rq .div:hover img{
    transform: scale(1.05);
}
.sy_con5 .rq .div .p1{
    font-size: 14px;
    color: #00428e;
    margin-top: 15px;
    font-family: 'din';
}
.sy_con5 .rq .div .p2{
    font-size: 20px;
    color: #242526;
    margin-top: 10px;
    transition: .5s all;
}
.sy_con5 .rq .div:hover .p2{
    color: #00428e;
}
.sy_con6{
    padding-top: 75px;
    padding-bottom: 75px;
    position: relative;
    overflow: hidden;
    border-top: 1px solid #f1f1f1;
}
.sy_con6 .swiper-wrapper{
    height: auto;
}
.sy_con6 .h1 {
    color: #000;
    position: relative;
    font-size: 38px;
    padding-left: 30px;
    font-weight: bold;
}
.sy_con6 .h2 {
    color: #000;
    position: relative;
    font-size: 30px;
    font-weight: bold;
    margin-top: 30px;
}
.sy_con6 .h1::before {
    content: '';
    width: 20px;
    height: 2px;
    background-color: #000;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.sy_con6 .rq {
    width: 100%;
    margin-top: 50px;
}
.sy_con6 .rq .swiper-container {
    padding: 10px 2px;
    padding-bottom: 10px;
}
.sy_con6 .rq .swiper-slide {
    height: 90px;
    border: 1px solid rgb(211,211,211);
    position: relative;
    transition: all .5s;
    background-color: #fff;
}
.sy_con6 .rq .swiper-slide:hover {
    box-shadow: 0px 10px 10px 0px rgb(90 91 95 / 30%);
    transform: translate3d(0,-3px,0);
}
.sy_con6 .rq .swiper-slide img {
    max-width: 75%;
    max-height: 75%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.sy_con6 .swiper-pagination-bullet{
    width: 12px;
    height: 12px;
}
.sy_con6 .swiper-pagination-bullet-active{
    color: #00428e;
}



@media (max-width: 1680px) {

}
@media (max-width: 1459px) {

    .sy_con1 .h2,.sy_con2 .h2,.sy_con3 .h2,.sy_con5 .h2,.sy_con6 .h2{
        font-size: 22px;
    }
    .sy_con1 .h1,.sy_con2 .h1,.sy_con3 .h1,.sy_con5 .h1,.sy_con6 .h1{
        font-size: 30px;
    }
    .sy_con1 .rq {
        margin-top: 75px;
    }
    .sy_con1 .rq .div1 .bot .divcon1 {
        width: 250px;
        padding: 20px 0;
        padding-left: 25px;
    }
    .sy_con1 .rq .div1 .bot .divcon1 .p1 {
        font-size: 20px;
    }

    .text-block-25 {
        font-size: 15rem;
    }

    .sybtn1 {
        width: 160px;
        line-height: 50px;
    }
    .sy_con2 .container .btn1 {
        margin-top: 70px;
    }
    .sy_con3 .rig .a1 {
        font-size: 18px;
    }
    .sy_con3 .rig .p {
        font-size: 14px;
        line-height: 27px;
    }
    .sy_con3 .rig .a1::after {
        width: 16px;
        height: 12px;
    }
    .sy_con3 .swiper-container .swiper-slide .bot .p1 {
        font-size: 24px;
        bottom: 45px;
        left: 50px;
    }

    .sy_con4 .rq .div .imgcon {
        width: 65px;
    }
    .sy_con4 .rq .div .bot .head {
        font-size: 18px;
        margin-bottom: 20px;
    }
    .sy_con4 .rq .div .bot .bod {
        font-size: 14px;
    }
    .sy_con4 .rq .div {
        padding-left: 50px;
        padding-top: 20px;
    }
    .sy_con4 .rq .div {
        height: 405px;
    }
    .sy_con5 .rq .div .p2 {
        font-size: 18px;
    }
    .sy_con5 .rq {
        margin-top: 60px;
    }
    .sy_con5 {
        padding-top: 70px;
        padding-bottom: 70px;
    }.sy_con6 .rq .swiper-slide {
         height: 60px;
     }
    .sy_con6 .rq {
        margin-top: 65px;
    }
    .sy_con6 {
        padding-top: 75px;
        padding-bottom: 75px;
    }
}
@media (max-width: 1259px) {
    .sy_con3 .rig .a1 {
        margin-top: 40px;
    }
    .sy_con4 .rq .div .bot {
        margin-top: 25px;
    }
    .sy_con4 .rq .div {
        height: 364px;
    }
}
@media (max-width: 991px) {
    .text-block-25{
        display: none;
    }
    .content {
        margin-top: 60px;
    }

    .sy_con1 .h2, .sy_con2 .h2, .sy_con3 .h2, .sy_con5 .h2, .sy_con6 .h2 {
        font-size: 24px;
        margin-top: 10px;
    }
    .sy_con1 .h1 {
        font-size: 18px;
    }
    .sy_con1 .rq .div1 {
        width: 100%;
    }
    .sy_con1 .rq .div1 .bot .divcon1 {
        padding-left: 10px;
    }
    .sy_con2 .rq{
        position: static;
        transform: translate(0);
    }
    .sy_con2 .rq .div .p1{
        color: #333;
    }
    .sy_con2 .rq .div {
        height: auto;
        width: 50%;
        border: 1px solid rgba(0, 0, 0, .3);
        line-height: 30px;
        text-align: center;
        padding-left: 0px;
        padding-top: 0px;
    }
    .sy_con1 .h2, .sy_con2 .h2, .sy_con3 .h2, .sy_con5 .h2, .sy_con6 .h2 {
        font-size: 16px;
    }
    .sy_con3 .h1,.sy_con2 .h1,.sy_con1 .h1,.sy_con6 .h1,.sy_con5 .h1{
        font-size: 24px;
        font-weight: normal;
    }

    .sy_con2 .container{
        width: 100%;
    }

}
@media (max-width: 500px) {

    .sy_con3 .h1, .sy_con2 .h1, .sy_con1 .h1, .sy_con6 .h1, .sy_con5 .h1 {
        font-size: 22px;
    }
    .sy_con1 .h2, .sy_con2 .h2, .sy_con3 .h2, .sy_con5 .h2, .sy_con6 .h2 {
        font-size: 16px;
    }
    .sy_con4 .bj {
        width: 100%;
        height: 100%;
    }
    .sy_con4 .rq .div .bot {
        margin-top: 20px;
        text-align: center;
    }
    .sy_con4 .rq .div .bot .head {
        font-size: 16px;
        margin-bottom: 0px;
    }
    .sy_con4 .rq .div .imgcon {
        width: 40px;
        margin: 0 auto;
    }
    .sy_con4 .rq .div {
        padding-left: 10px;
        padding-top: 25px;
        padding-bottom: 25px;
        height:auto;
        width: 50%;
        border: none;
    }
    .sy_con4 .rq .div .bot .bod {
        margin-top: 8px;
    }
    .sy_con3 .lef .divcon {
        margin-top: 20px;
    }
    br{
        display: none;
    }
    .sy_con3 .swiper-container .swiper-button-next:after, .sy_con3 .swiper-container .swiper-button-prev:after {
        font-size: 20px;
        display: none;
    }
    .sy_con3 .swiper-container .swiper-pagination {
        position: absolute;
        bottom: 20px;
        left: 30%;
    }
    .sy_con3 .swiper-container .swiper-slide .bot .p1 {
        font-size: 18px;
        bottom: 15px;
        left: 10px;
    }
    .sy_con3 .rig {
        padding-top: 0%;
    }
    .sy_con3 .rig .p {
        font-size: 14px;
        line-height: 25px;
        margin-top: 10px;
    }
    .sy_con3 .rig .a1 {
        font-size: 16px;
    }
    .sy_con3 .lef,.sy_con3 .rig{
        width: 100%;
    }
    .sy_con6 {
        padding-top: 45px;
        padding-bottom: 30px;
    }
    .sy_con6 .rq {
        margin-top: 20px;
    }
    .sy_con6 .rq .swiper-container {
        padding: 10px 2px;
        padding-bottom: 24px;
    }
    .sy_con5 {
        padding-top: 40px;
        padding-bottom: 50px;
    }
    .sy_con5 .rq {
        margin-top: 20px;
    }
    .sy_con5 .rq a{
        width: 100%;
        margin-top: 0px;
        padding-bottom: 30px;
    }
    .sy_con5 .rq a:last-child{
        padding-bottom: 0;
    }
    .sy_con5 .rq .div .p1 {
        font-size: 13px;
        margin-top: 8px;
    }
    .sy_con5 .rq .div .p2 {
        font-size: 16px;
        margin-top: 5px;
    }
    .sy_con1 {
        padding-top: 50px;
        padding-bottom: 60px;
    }
    .sybtn1 a {
        font-size: 13px;
        background-size: 13px;
    }
    .sybtn1 {
        width: 135px;
        line-height: 40px;
        margin-top: 32px;
    }
    .sy_con1 .rq .div1:nth-child(2) {
        margin-top: 20px;
    }
    .sy_con1 .rq .div1 a .bot {
        margin-top: 20px;
    }
    .sy_con1 .rq {
        margin-top: 20px;
    }
    .sy_con1 .rq .div1 .bot .divcon1 {
        padding: 5px 5px;
        width: auto;
    }
    .sy_con1 .rq .div1 .bot .divcon1 .p2 {
        font-size: 14px;
        margin-top: 5px;
    }

    .sy_con1 .rq .div1 .bot .divcon1 .p1 {
        font-size: 16px;
    }
    .sy_con2 .container .btn1 a {
        background-size: 12px;
        padding-right: 15px;
        font-size: 12px;
    }
    .sy_con2 .container .btn1 {
        width: 70px;
        margin-top: 15px;
        line-height: 25px
    }
    .sy_con2 .container {
        top: 30%;
    }
    .sy_con2 .rq{
        padding: 0 15px;
    }
    .sy_con2 .rq .div {
        line-height: 40px;
        width: 49%;
        margin-right: 2%;
        margin-top: 10px;
    }
    .sy_con2 .rq .div:nth-child(2n){
        margin-right: 0;
    }
    .sy_con2 .rq .div .p1 {
        font-size: 14px;
        padding-bottom: 0px;
    }
    .sy_con2 .rq .div:hover .p1 {
        font-size: 14px;
    }
    .sy_con2 .pc,
    .sy_con2 .pc.a{
        display: none !important;
    }
    .sy_con2 .app.a{
        display: block !important;
    }
    .sy_con3 {
        padding-top: 50px;
        padding-bottom: 60px;
    }


}



/* 产品列表 1*/
/* ny_banner */
.ny_banner{
    width: 100%;
    position: relative;
    overflow: hidden;
}
.ny_banner .bj{
    width: 100%;
    vertical-align: middle;
}
.ny_banner .rq{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.ny_banner .rq .p1{
    font-size: 22px;
    color: #ffffff;
}
.ny_banner .rq .p2{
    font-size: 40px;
    color: #ffffff;
    font-weight: bold;
    margin-top: 40px;
    margin-bottom: 34px;
}
.ny_banner .rq .p3{
    font-size: 18px;
    color: #ffffff;
    opacity: 0.75;
}
.ny_banner .rq .p3 img{
    width: 18px;
}


/* por_con2 */
.por_con1{
    width: 100%;
    position: relative;
    padding-top: 75px;
    padding-bottom: 50px;
    overflow: hidden;
}
.por_con1 .p{
    text-transform: uppercase;
    font-size: 200px;
    color: #f9f9f9;
    font-weight: bold;
    position: absolute;
    right: -5%;
    top: 5px;
    z-index: -1;
}
.por_con1 .p1{
    font-size: 40px;
    color: #3b5997;
}
.por_con1 .rq{
    width: 100%;
    padding-top: 62px;
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
}
.por_con1 .rq .div{
    width: 31.3%;
    margin:0 1% 96px;

    border-radius: 10px;
    overflow: hidden;
    transition: all .5s;
    background-color: #f4f4f4;
}

/*.por_con1 .rq .div:nth-child(2n){*/
/*    float: right;*/
/*    transform: translateY(86px);*/
/*}*/
.por_con1 .rq .div a{
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.por_con1 .rq .div .div3{
    width: 100%;
    position: relative;
    overflow: hidden;
}
.por_con1 .rq .div .div4{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    background: rgba(0,66,142,.5);
    z-index: 2;
    padding: 30px;
    transition: all .8s;
    text-align: center;
    display: table;
}
.por_con1 .rq .div:hover .div4{
    top: 0;
}
.por_con1 .rq .div .div4 .p4{
    font-size: 24px;
    color: #ffffff;
    padding-bottom: 10px;

}
.por_con1 .rq .div .div4 .p5{
    font-size: 16px;
    color: #ffffff;
    line-height: 26px;
    opacity: 0.8;
}
.por_con1 .rq .div .div5{
    width: 100%;
    vertical-align:middle;
    display:table-cell;
}

.por_con1 .rq .div .bj{
    width: 100%;
    vertical-align: middle;
    transition: all .5s;
}
.por_con1 .rq .div:hover .bj{
    transform: scale(1.05);
}
.por_con1 .rq .div .div1{
    width: 100%;
    height: 84px;
    height: auto !important;
    position: absolute;
    bottom: 0;
    left: 0;
}
.por_con1 .rq .div .div2{
    width: 250px;
    height: 100%;
    background: #00428e;
    padding: 18px;
    transition: all .5s;
}
.por_con1 .rq .div:hover .div2{
    opacity: 0;
}
.por_con1 .rq .div .div2 .p2{
    font-size: 22px;
    color: #fff;
    font-weight: bold;
    transition: all .5s;
}

.por_con1 .rq .div .div2 .p3{
    font-size: 16px;
    color: #555c62;
    padding-top: 10px;
    display: none;
}
.por_con1 .rq .div .div4 button{
    font-size: 14px;
    color: #121212;
    width: 104px;
    height: 40px;
    border-radius: 40px;
    line-height: 40px;
    background: rgba(255, 255, 255, .7);
    text-align: center;
    margin-top: 30px;
    transition: all .5s;
}


.por_con1 .rq .div .div4 button i{
    width: 17px;
    height: 12px;
    background-image: url(../images/ba1.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    margin-left: 8px;
}

@media(max-width:1459px){
    .ny_banner .rq .p1 {
        font-size: 16px;
    }
    .ny_banner .rq .p2 {
        font-size: 34px;
        margin-top: 30px;
        margin-bottom: 24px;
    }
    .ny_banner .rq .p3 {
        font-size: 14px;
    }
    .ny_banner .rq .p3 img {
        width: 12px;
    }
    .por_con1 {
        padding-bottom: 36px;
    }
    .por_con1 .p1 {
        font-size: 30px;
    }
    .por_con1 .p {
        font-size: 180px;
        right: 0%;
        top: 30px;
    }
    .por_con1 .rq {
        padding-top: 44px;
    }
    .por_con1 .rq .div {
        margin-bottom: 72px;
    }
    .por_con1 .rq .div .div1 {
        height: 60px;
    }
    .por_con1 .rq .div .div2 {
        width: 244px;
        padding: 15px;
    }
    .por_con1 .rq .div .div2 .p2 {
        font-size: 18px;
    }
    .por_con1 .rq .div .div2 .p3 {
        font-size: 14px;
        padding-top: 10px;
    }
    .por_con1 .rq .div:nth-child(2n) {
        transform: translateY(0);
    }
    .por_con1 .rq .div .div4 .p4 {
        font-size: 22px;
    }
    .por_con1 .rq .div .div4 .p5 {
        font-size: 15px;
    }

}
@media(max-width:991px){
    .por_con1 .p {
        font-size: 105px;
        top: 30px;
    }
    .por_con1 {
        padding-top: 75px;
        padding-bottom: 24px;
    }
    .por_con1 .rq .div .div3{
        border-radius: 20px;
        overflow: hidden;
    }
    .por_con1 .rq .div {
        width: 47%;
        margin-bottom: 50px;
    }
    .por_con1 .rq .div:nth-child(2n) {
        transform: translateY(0);
    }
    .por_con1 .rq .div .div1 {
        height: auto;
    }
    .por_con1 .rq .div .div4 button {
        font-size: 14px;
        width: 80px;
        height: 34px;
        border-radius: 34px;
        line-height: 34px;
    }
    .por_con1 .rq .div:hover .div1 button {
        opacity: 1;
        right: 12px;
    }
    .por_con1 .rq .div .div4 button i {
        width: 14px;
        height: 10px;
        margin-left: 2px;
    }
    .por_con1 .rq {
        padding-top: 26px;
    }

}
@media(max-width:768px){
    .pc{
        display: none !important;
    }
    .app{
        display: block !important;
    }
    .ny_banner .rq{
        width: 100%;
    }
    .ny_banner .rq .p2 {
        font-size: 24px;
        margin-top: 14px;
        margin-bottom: 12px;
    }

    .por_con1 .p{
        display: none;
    }
    .por_con1 {
        padding-top: 50px;
        padding-bottom: 24px;
    }
    .por_con1 .rq .div{
        width: 100%;
    }
    .por_con1 .rq .div:hover .div2{
        opacity: 1;
    }
    .por_con1 .rq .div:nth-child(2n) {
        transform: translateY(0px);
    }

}
@media(max-width:500px){
    button.btSubmit{width: 94%;}
    .job dl dt .name {
        width: 33% !important;
        padding-left: 8px !important;;
    }
    .job dl dt .time{width: 26% !important;}
    .job dl dt .address{width: 33% !important;}
    .job dl dt .operating,.job dl dt .people{display: none;}
    .job .jobsub {
        line-height: 24px;
        padding: 12px;
    }
    .por_con1 .rq .div .div4{
        display: none;
    }
    .por_con1 .p1 {
        font-size: 24px;
    }
    .por_con1 .rq {
        padding-top: 22px;
    }
    .por_con1 .rq .div .div1{
        padding-left: 0px;
    }
    .por_con1 .rq .div .div4 button{
        display: none;
    }
    .por_con1 .rq .div .div2{
        width: 100%;
        padding: 15px 0;
    }
    .por_con1 .rq .div {
        margin-bottom: 14px;
    }
    .por_con1 .rq .div .div2 .p2 {
        font-size: 18px;
        padding-left: 10px;
    }

}





/* 产品列表2 */
/* por2_con1 */
.por2_con1{
    width: 100%;
    padding-top: 75px;
    padding-bottom: 75px;
}
.por2_con1 .lef{
    width: 32%;
    float: left;
    position: sticky;
    top: 20px;
}
.por2_co1_lef .p{
    font-size: 38px;
    color: #121212;
    font-weight: bold;
}
.por2_co1_lef .div{
    width: 100%;
    padding-top: 62px;
}
.por2_co1_lef .div .listitem{
    margin-bottom: 24px;
}

.por2_co1_lef .div .listitem a{
    display: inline-block;
    font-size: 18px;
    color: #323232;
    cursor: pointer;
    padding-bottom: 8px;
    position: relative;
    transition: all .5s;
}
.por2_co1_lef .div .listitem a::before{
    content: '';
    width: 0%;
    height: 2px;
    background: rgb(0,66,142);
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all .5s;
}

.por2_co1_lef .div .on a,
.por2_co1_lef .div a:hover{
    color: #00428e;
}
.por2_co1_lef .div .on a::before,
.por2_co1_lef .div a:hover::before{
    width: 100%;
}
.por2_co1_lef .div .listitem a i{
    display: inline-block;
    width: 16px;
    height: 11px;
    background-image: url(../images/img27.png);
    background-size: contain;
    background-repeat: no-repeat;
    margin-bottom: 2px;
    margin-left: 0px;
    opacity: 0;
    transition: all .5s;
}
.por2_co1_lef .div .on a i,
.por2_co1_lef .div a:hover i{
    margin-left: 10px;
    opacity: 1;
}

.con_con2 .rq .div {
    margin-bottom: 44px;
}

.to-learn-more {
    align-items:center;
    background-image:url(../images/bottom_bg.bde1638.jpg);
    background-position:50%;
    background-repeat:no-repeat;
    background-size:cover;
    box-sizing:border-box;
    display:flex;
    flex-direction:column;
    height:300px;
    justify-content:center;
    padding:20px
}
.to-learn-more .text {
    color:#3b5997;
    font-size:40px;
    font-weight:700;
    line-height:130.52%;
    text-align:center
}

.listitemS .listitemlist{position: relative;}
.listitemS .listitemlist:before{transition: all .5s;content: ''; width: 6px;height: 2px; position:absolute;left: 0; top:8px;background-color: #a7a7a7;}
.listitemS .listitemlist:hover:before,.listitemS .listitemlist.on:before{width: 12px;height: 2px; background-color: #3b5997;}
.listitemS .listitemlist a{ font-size: 15px!important;}
.listitemS{ margin-bottom: 24px;}
.listitemS .listitemlist a{
    display: inline-block;
    color: #323232;
    cursor: pointer;
    padding-bottom: 8px;
    transition: all .5s;
    padding-left: 1em;
}
.por2_con1 .rig .rq{flex-wrap: wrap; display: flex; justify-content: left;}
.por2_con1 .rig{
    width: 68%;
    float: left;
}
.por2_con1 .rig .div{
    width: 30%;
    margin-right: 3.33%;
    margin-bottom: 38px;
}
/*.por2_con1 .rig .div:nth-child(2n){*/
/*    margin-right: 0;*/
/*}*/
.por2_con1 .rig .div .top{
    width: 100%;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    background-color: #f4f4f4;
}
.por2_con1 .rig .div .top img{
    width: 100%;
    vertical-align: middle;
    transition: all .5s;
}
.por2_con1 .rig .div:hover .top img{
    transform: scale(1.05);
}
.por2_con1 .rig .div .top button{
    width: 102px;
    height: 40px;
    border-radius: 40px;
    font-size: 14px;
    color: #fff;
    background: #3b5997;
    position: absolute;
    right: 30px;
    bottom: 30px;
    opacity: 0;
    transition: all .5s;
}
.por2_con1 .rig .div:hover .top button{
    opacity: 1;
}
.por2_con1 .rig .div .top button i{
    display: inline-block;
    width: 18px;
    height: 14px;
    background-image: url(../images/img5.png);
    background-size: contain;
    background-repeat: no-repeat;
    margin-bottom: -2px;
    margin-left: 5px;
}
.por2_con1 .rig .div p{
    font-size: 16px;margin-top: 18px;
    transition: all .5s;
}
.por2_con1 .rig .div:hover p{
    color: #3b5997;
}
.por2_con1 .rig .rq{
    padding-bottom: 20px;
}


/* 分页器 */
.fyq{
    /*width: 100%;*/
    width: auto;
    display: table;
    margin: 0 auto;
}
.fyq li{
    float: left;
    position: relative;
}
.fyq li a{
    font-size: 14px;
    color: #121212;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    display: block;
    position: relative;
}
.fyq li.on a,
.fyq li a:hover{
    background: #3b5997;
    color: #fff;
}
.fyq .per a::before,
.fyq .nex a::before{
    content: '';
    width: 13px;
    height: 10px;
    background-image: url(../images/img33.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.fyq .per a::before{
    transform: translate(-50%,-50%) rotate(180deg);
}
.fyq .per a:hover::before,
.fyq .nex a:hover::before{
    background-image: url(../images/img34.png);
}

@media(max-width:1459px){

    .por2_co1_lef .p {
        font-size: 30px;
    }
    .por2_co1_lef .div {
        padding-top: 46px;
    }
    .por2_co1_lef .div p {
        margin-bottom: 20px;
    }
    .por2_co1_lef .div a {
        font-size: 16px;
        padding-bottom: 6px;
    }
    .por2_con1 .rig .div p {
        font-size: 16px;
        margin-top: 14px;
    }
    .por2_con1 .rig .div .top button {
        width: 84px;
        height: 35px;
        border-radius: 35px;
        font-size: 12px;
        right: 18px;
        bottom: 18px;
    }
    .por2_con1 .rig .div .top button i {
        width: 15px;
        height: 12px;
    }
    .por2_con1 .rig .div {
        margin-bottom: 30px;
    }

}
@media(max-width:991px){
    .por2_con1 .lef{
        position: static;
        width: 100%;
    }
    .por2_con1 .rig{
        width: 100%;
    }
    .por2_con1 {
        padding-top: 70px;
        padding-bottom: 60px;
    }
    .por2_co1_lef .div {
        padding-top: 32px;
    }
    .por2_co1_lef .div p{
        float: left;
        margin-right: 40px;
    }
    .fyq{
        display: table;
        width: auto;
        margin: 0 auto;
    }

}
@media(max-width:500px){
    .por2_con1 {
        padding-top: 45px;
        padding-bottom: 44px;
    }
    .por2_co1_lef .p {
        font-size: 24px;
    }
    .por2_co1_lef .div {
        padding-top: 24px;
    }
    .por2_co1_lef .div a {
        font-size: 14px;
        padding-bottom: 6px;
    }
    .por2_co1_lef .div p{
        width: 49%;
        margin-bottom: 10px;
        margin-right: 2%;
    }
    .por2_co1_lef .div p:nth-child(2n){
        margin-right: 0;
    }
    .por2_co1_lef .div a i{
        display: none;
    }
    .por2_con1 .rig .rq {
        padding-bottom: 20px;
        padding-top: 20px;
    }
    .por2_con1 .rig .div {
        width: 49%;
        margin-right: 2%;
        margin-bottom: 20px;
    }
    .por2_con1 .rig .div p {
        font-size: 14px;
        margin-top: 7px;
    }
    .por2_con1 .rig .div .top button{
        display: none;
    }
    .fyq li a {
        font-size: 14px;
        width: 35px;
        height: 35px;
        line-height: 35px;
    }

}



/* 产品详情 */
.por_dat1{
    width: 100%;
    padding-top: 96px;
    padding-bottom: 140px;
}
.por_dat1 .rq{
    display: flex;
    flex-wrap: wrap-reverse;
}
.por_dat1 .lef{
    width: 32%;
    float: left;
}
.por_dat1 .lef .top{
    width: 100%;
    position: sticky;
    top: 30px;
}
.por_dat1 .lef .top .div2{
    width: 100%;
    border-bottom: 1px solid rgb(238,238,238);
    padding-bottom: 42px;
    width: 80%;
    margin-bottom: 30px;
}
.por_dat1 .lef .top .div2 .p{
    float: left;
    font-size: 24px;
    color: #121212;
    font-weight: bold;
    line-height: 40px;
}
.por_dat1 .lef .top .div2 #share-2{
    float: left;
}
#share-2 .icon-weibo{
    color: #fff;
    background: rgb(218,60,60);
    font-size: 16px;
}
#share-2 .icon-wechat{
    color: #fff;
    background: rgb(33,186,65);
    font-size: 16px;
}
#share-2 .icon-qq{
    color: #fff;
    background: rgb(62, 145, 238);
    font-size: 16px;
}
#share-2 .icon-wechat .wechat-qrcode {
    top: 48px;
}
#share-2 .icon-wechat .wechat-qrcode:after {
    top: -16px;
    transform: rotate(180deg);
}
.por_dat1 .lef .top .div21{
    width: 100%;
    padding-top: 35px;
}
.por_dat1 .lef .top .div21 a{
    font-size: 18px;
    color: #333333;
    display: block;
    margin-bottom: 24px;
}
.por_dat1 .lef .top .div21 a:hover{
    color: #3b5997;
}
.por_dat1 .lef .top .div21 a span{
    font-size: 18px;
    color: #121212;
    font-weight: bold;
}
.por_dat1 .lef .top .div21 .a{
    padding-top: 20px;
}
.por_dat1 .lef .top .div21 .a span{
    font-size: 24px;
    color: #3b5997;
    border-bottom: 2px solid #3b5997;
    padding-bottom: 10px;
}
.por_dat1 .lef .top .div21 .a span i{
    width: 23px;
    height: 15px;
    display: inline-block;
    background-image: url(../images/img35.png);
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 13px;
}

.por_dat1 .rig{
    width: 68%;
    float: left;
}
.por_dat1 .rig .p{
    font-size: 30px;
    color: #121212;
    font-weight: bold;
}
.por_dat1 .rig .div{
    width: 100%;
    padding-top: 38px;
}
.por_dat1 .rig .div img{
    max-width: 100% !important;
    height: auto !important;
    vertical-align: middle;
    display: block;
    margin-bottom: 60px;
}
.por_dat1 .rig .div .div1{
    width: 100%;
}
.por_dat1 .rig .div .div1 .p1{
    font-size: 24px;
    color: #121212;
    font-weight: bold;
    padding-bottom: 18px;
    border-bottom: 1px solid rgb(238,238,238);
    margin-bottom: 56px;
}

.por_dat1 .rig .div a{
    font-size: 14px;
    color: #ffffff;
    width: 202px;
    height: 60px;
    border-radius: 60px;
    line-height: 60px;
    text-align: center;
    background: #3b5997;
    display: block;
}
.por_dat1 .rig .div a i{
    width: 19px;
    height: 14px;
    background-image: url(../images/img5.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    margin-bottom: -2px;
    margin-left: 5px;
}

/* por_dat2 */
.por_dat2{
    width: 100%;
    padding-top: 75px;
    padding-bottom: 60px;
    background: rgb(244,247,249);
    position: relative;
    overflow: hidden;
}
.por_dat2 .p{
    font-size: 200px;
    color: #3b5997;
    font-weight: bold;
    text-transform: uppercase;
    position: absolute;
    left: 20%;
    top: 15px;
    white-space: nowrap;
    z-index: 0;
    opacity: 0.04;
}
.por_dat2 .p1{
    font-size: 38px;
    color: #000000;
    font-weight: bold;
}
.por_dat2 .rq{
    width: 100%;
    padding-top: 30px;
    position: relative;
}
.por_dat2 .rq .top{
    width: 100%;
    overflow: hidden;
}
.por_dat2 .rq .top img{
    width: 100%;
    vertical-align: middle;
    transition: all .5s;
}
.por_dat2 .rq .swiper-slide:hover img{
    transform: scale(1.05);
}
.por_dat2 .rq p{
    font-size: 18px;
    color: #000000;
    padding-top: 16px;
    font-weight: bold;
    transition: all .5s;
}
.por_dat2 .rq .swiper-slide:hover p{
    color: #3b5997;
}
.por_dat2 .rq .div{
    width: 105px;
    height: 40px;
    margin: 0 auto;
    position: relative;
    margin-top: 38px;
}
.por_dat2 .swiper-button-next,
.por_dat2 .swiper-button-prev{
    width: 40px;
    height: 40px;
    background-image: url(../images/img40.png);
    background-size: contain;
    background-repeat: no-repeat;
    transition: all .5s;
    margin-top: 0;
    right: 0;
    opacity: 1;
    top: 0;
}
.por_dat2 .swiper-button-next:after,
.por_dat2 .swiper-button-prev:after{
    display: none;
}
.por_dat2 .swiper-button-prev{
    transform: rotate(180deg);
    left: 0;
}
.por_dat2 .swiper-button-next:hover,
.por_dat2 .swiper-button-prev:hover{
    background-image: url(../images/img41.png);
}


@media(max-width:1459px){
    .por_dat1 {
        padding-top: 72px;
        padding-bottom: 104px;
    }
    .por_dat1 .lef .top .div2 {
        padding-bottom: 32px;
        width: 80%;
    }
    .por_dat1 .lef .top .div2 .p {
        font-size: 18px;
        line-height: 34px;
    }
    #share-2 .social-share-icon{
        width: 26px;
        height: 26px;
        font-size: 14px;
        line-height: 26px;
    }
    .por_dat1 .lef .top .div21 {
        padding-top: 26px;
    }
    .por_dat1 .lef .top .div21 a {
        font-size: 16px;
        margin-bottom: 18px;
    }
    .por_dat1 .lef .top .div21 a span{
        font-size: 16px;
    }
    .por_dat1 .lef .top .div21 .a span {
        font-size: 18px;
        padding-bottom: 8px;
    }
    .por_dat1 .lef .top .div21 .a span i {
        width: 23px;
        height: 11px;
        margin-right: 8px;
    }
    .por_dat1 .lef .top .div21 .a {
        padding-top: 10px;
    }
    .por_dat1 .rig .p {
        font-size: 28px;
    }
    .por_dat1 .rig .div {
        padding-top: 30px;
    }
    .por_dat1 .rig .div img {
        margin-bottom: 40px;
    }
    .por_dat1 .rig .div .div1 .p1 {
        font-size: 18px;
        padding-bottom: 12px;
        margin-bottom: 40px;
    }
    .por_dat1 .rig .div a {
        font-size: 13px;
        width: 150px;
        height: 50px;
        border-radius: 50px;
        line-height: 50px;
    }
    .por_dat1 .rig .div a i {
        width: 18px;
        height: 11px;
        margin-bottom: -1px;
        margin-left: 5px;
    }

    .por_dat2 .p {
        font-size: 186px;
        top: 26px;
    }
    .por_dat2 .p1 {
        font-size: 30px;
    }
    .por_dat2 .rq {
        padding-top: 30px;
    }
    .por_dat2 .rq p {
        font-size: 16px;
        padding-top: 10px;
    }

}
@media(max-width:991px){
    .por_dat1 .lef{
        width: 100%;
    }
    .por_dat1 .lef .top{
        position: static;
    }
    .por_dat1 .rig{
        width: 100%;
    }
    .por_dat1 {
        padding-top: 50px;
        padding-bottom: 60px;
    }
    .por_dat1 .rig .div {
        padding-top: 20px;
    }
    .por_dat1 .lef .top .div2 {
        padding-bottom: 10px;
        width: 100%;
        padding-top: 30px;
    }
    .por_dat2 .p {
        display: none;
    }
    .por_dat2 {
        padding-top: 60px;
        padding-bottom: 56px;
    }

    .por_dat2 .p1 {
        font-size: 28px;
    }


}
@media(max-width:500px){
    .por_dat1 .rig .p {
        font-size: 22px;
    }
    .por_dat1 {
        padding-top: 40px;
        padding-bottom: 36px;
    }
    .por_dat1 .rig .div {
        padding-top: 16px;
    }
    .por_dat1 .rig .div img {
        margin-bottom: 25px;
    }
    .por_dat1 .rig .div .div1 .p1 {
        font-size: 16px;
        padding-bottom: 10px;
        margin-bottom: 24px;
    }
    .por_dat1 .rig .div a {
        font-size: 12px;
        width: 130px;
        height: 38px;
        border-radius: 38px;
        line-height: 38px;
    }
    .por_dat1 .lef .top .div21 {
        padding-top: 16px;
    }
    .por_dat1 .lef .top .div21 a {
        font-size: 14px;
        margin-bottom: 10px;
    }
    .por_dat1 .lef .top .div21 a span {
        font-size: 14px;
    }
    .por_dat1 .lef .top .div21 .a span {
        font-size: 15px;
        padding-bottom: 8px;
    }
    .por_dat2 {
        padding-top: 40px;
        padding-bottom: 42px;
    }
    .por_dat2 .p1 {
        font-size: 24px;
    }
    .por_dat2 .rq {
        padding-top: 18px;
    }
    .por_dat2 .rq p {
        font-size: 13px;
        padding-top: 6px;
    }
    .por_dat2 .rq .div {
        width: 96px;
        height: 32px;
        margin-top: 16px;
    }
    .por_dat2 .swiper-button-next, .por_dat2 .swiper-button-prev {
        width: 32px;
        height: 32px;
    }

}



/* 公司简介 */
/* abo1_con1 */
.abo1_con1{
    width: 100%;
}

.fixed-tabs{
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
}
.abo1_con1 .wrap{align-items: center;
    background: #fff;
    display: flex;
    filter: drop-shadow(0 8px 14px rgba(0,93,174,.08));
    height: 60px;
    justify-content: center;
    width: 100%;}
.abo1_con1 a{
    display: block;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    margin: 0 2%;
}
.abo1_con1 a.on{
    color: #3b5997;
    font-weight: bold;
}
.abo1_con1 a:hover{
    color: #3b5997;
}
.abo1_con1 a:last-child{
    margin-right: 0;
}

/* abo1_con2 */
.abo1_con2 h2{font-size:50px ; color:#7284af; position: relative;}
.abo1_con2 h2 img{position: absolute; right:0; top: -64px;}
.abo1_con2 h1{font-size:24px ; color:#343434; line-height: 46px;position: relative; margin-bottom: 28px;}
.abo1_con2 h1:after{content: ''; width: 80px; height: 3px; background-color: #3b5997; position: absolute;left:0; bottom: -10px;}

.abo1_con2 {
    width: 100%;
    padding-top: 70px;
    padding-bottom: 90px;
    position: relative;
}
.abo1_con2 .lef{
    width: 45%;
    float: left;
}
.abo1_con2 .lef img{
    width: 100%;
    vertical-align: middle;
}
.abo1_con2 .rig{
    width: 55%;
    float: left;
    padding-left: 110px;
    padding-top: 0px;
}
.abo1_con2 .rig .div{
    width: 100%;
    padding-bottom: 20px;
}
.abo1_con2 .rig .div p{
    font-size: 16px;
    color: #2e2e2e;
    line-height: 176%;
    margin-bottom: 26px;
}
.abo1_con2 .rig a{
    font-size: 18px;
    color: #3b5997;
    padding-bottom: 10px;
    border-bottom: 2px solid #3b5997;
}
.abo1_con2 .rig a i{
    width: 23px;
    height: 15px;
    background-image: url(../images/img35.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    transform: rotate(180deg);
    margin-bottom: 1px;
}


/* abo1_con3 */
.i{
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(-50px);
    opacity: 0;
}
.abo1_con3{
    width: 100%;
    padding-top: 80px;
    padding-bottom: 80px;
    background: #f4f4f4;
    position: relative;
    overflow: hidden;
}
.abo1_con3 .p{
    font-size: 280px;
    color: #3b5997;
    opacity: 0.04;
    text-transform: uppercase;
    font-weight: bold;
    position: absolute;
    left: 20%;
    top: 26px;
    white-space: nowrap;
}
.abo1_con3 .rq{
    width: 87.3%;
    float: right;
}
.abo1_con3 .rq .p1{
    font-size: 40px;
    color: #3b5997;
}
.abo1_con3 .rq1{
    width: 100%;
    margin-top: 60px;
    position: relative;
}
.abo1_con3 .rq2{
    width: 50px;
    height: 150px;
    position: absolute;
    left: -70px;
    top: 30%;
    transform: translateY(-50%);
}
.abo1_con3 .swiper-button-next,
.abo1_con3 .swiper-button-prev{
    width: 50px;
    height: 50px;
    background-image: url(../images/img111.png);
    background-size: contain;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    margin-top: 0;
}
.abo1_con3 .swiper-button-prev{
    transform: rotate(180deg);
    top: 68%;
}
.abo1_con3 .swiper-button-next:after,
.abo1_con3 .swiper-button-prev:after{
    display: none;
}


.abo1_con3 .rq1 .top{
    width: 100%;
    overflow: hidden;
}
.abo1_con3 .rq1 .top img{
    width: 100%;
    vertical-align: middle;
    transition: all .5s;
}
.abo1_con3 .rq1 .swiper-slide:hover .top img{
    transform: scale(1.05);
}
.abo1_con3 .rq1 .bot{
    width: 100%;
    padding-top: 30px;
}
.abo1_con3 .rq1 .bot .p1{
    font-size: 24px;
    font-weight: bold;
    color: #11151b;
}
.abo1_con3 .rq1 .swiper-slide:hover .bot .p1{
    color: #3b5997;
}
.abo1_con3 .rq1 .bot .p2{
    font-size: 16px;
    color: #767679;
}


/* abo1_con4 */
.abo1_con4{
    width: 100%;
    padding-top: 80px;
    padding-bottom: 80px;
    border-bottom: 1px solid rgb(241,241,241);
    position: relative;
}
.abo1_con4 .lef{
    width: 47%;
    float: left;
}
.abo1_con4 .lef .p{
    font-size: 40px;
    color: #3b5997;
    margin-bottom: 20px;
}
.abo1_con4 .lef .img{
    width: 94%;
}
.abo1_con4 .lef .img img{
    width: 100%;
}
.abo1_con4 .rig{
    width: 53%;
    float: left;
}
.abo1_con4 .rig .div{
    width: 100%;
    padding-left: 90px;
    position: relative;
    padding-top: 14px;
    padding-bottom: 25px;
}
.abo1_con4 .rig .div:last-child{
    padding-bottom: 0;
}
.abo1_con4 .rig .div::before{
    content: '';
    width: 1px;
    height: 100%;
    background: rgb(242,248,248);
    position: absolute;
    left: 30px;
    top: 0;
}
.abo1_con4 .rig .div img{
    width: 60px;
    position: absolute;
    top: 0px;
    left: 0;
}
.abo1_con4 .rig .div .p1{
    /*font-size: 24px;
    color: #121212;
    font-weight: bold;
    margin-bottom: 18px;*/
    padding: 24px;
}
.abo1_con4 .rig .div .p2{
    font-size: 16px;
    color: #2e2e2e;
    line-height: 32px;
}



/* abo1_con5 */
.abo1_con5{
    width: 100%;
    padding-top: 80px;
    padding-bottom: 80px;
    position: relative;
    overflow: hidden;
}
.abo1_con5 .p{
    font-size: 280px;
    color: #f9f9f9;
    font-weight: bold;
    position: absolute;
    right: 0;
    top: -26px;
    white-space: nowrap;
    z-index: -1;
}
.abo1_con5 .p1{
    font-size: 38px;
    color: #121212;
    font-weight: bold;
}
.abo1_con5 .rq{
    width: 100%;
    padding-top: 50px;
}
.abo1_con5 .rq .div{
    width: 100%;
    height: 92px;
    border: 1px solid rgb(243,243,243);
    background: #fff;
    position: relative;
    overflow: hidden;
}
.abo1_con5 .rq .div img{
    max-width: 90%;
    max-height: 90%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.abo1_con5 .rq .div1{
    width: 100%;
    height: 100%;
    background: rgba(0,66,142,0.9);
    position: absolute;
    top: 0px;
    left: 0;
    opacity: 0;
    transition: all .5s;
}
.abo1_con5 .rq .swiper-slide:hover .div1{
    opacity: 1;
}
.abo1_con5 .rq .div1 p{
    font-size: 20px;
    color: #f6f6f6;
    font-weight: bold;
    width: 100%;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.divWord .p1{
    font-size: 24px;
    color: #3b5997;
    font-weight: bold;
    margin-bottom: 18px;
}
.divWord .p2{
    font-size: 14px;
    color: #2e2e2e;
    line-height: 26px;
}

.divWord{margin-bottom: 50px;}


@media(max-width:1680px){
    .abo1_con3 .rq {
        width: 92%;
    }
}
@media(max-width:1459px){
    .abo1_con1 {
        padding-top: 38px;
    }
    .abo1_con1 a {
        font-size: 16px;
        margin-right: 40px;
        padding-bottom: 8px;
    }
    .abo1_con2 {
        padding-top: 70px;
    }
    .abo1_con2 .rig {
        padding-left: 80px;
        padding-top: 0px;
    }
    .abo1_con2 .rig .div p {
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 21px;
    }
    .abo1_con2 .rig a {
        font-size: 18px;
        padding-bottom: 8px;
    }
    .abo1_con2 .rig a i {
        width: 16px;
        height: 11px;
    }
    .abo1_con3 {
    }
    .abo1_con3 .rq .p1 {
        font-size: 30px;
    }
    .abo1_con3 .rq1 {
        margin-top: 38px;
    }
    .abo1_con3 .rq2 {
        width: 40px;
        height: 124px;
        left: -50px;
        top: 32%;
    }
    .abo1_con3 .swiper-button-next, .abo1_con3 .swiper-button-prev {
        width: 40px;
        height: 40px;
    }
    .abo1_con3 .rq1 .bot .p1 {
        font-size: 20px;
    }
    .abo1_con3 .rq1 .bot .p2 {
        font-size: 14px;
    }
    .abo1_con3 .rq1 .bot {
        padding-top: 20px;
    }
    .abo1_con3 .p {
        font-size: 170px;
        top: 22px;
    }
    .abo1_con4 {
    }
    .abo1_con4 .lef .p {
        font-size: 30px;
    }
    .abo1_con4 .rig .div {
        padding-left: 28px;
        padding-top: 10px;
        padding-bottom: 12px;
    }
    .abo1_con4 .rig .div img {
        width: 44px;
    }
    .abo1_con4 .rig .div .p1 {
        font-size: 18px;
        margin-bottom: 16px;
    }
    .abo1_con4 .rig .div .p2 {
        font-size: 14px;
        line-height: 30px;
    }
    .abo1_con5 {
        padding-top: 80px;
    }
    .abo1_con5 .p1 {
        font-size: 30px;

    }
    .abo1_con5 .p {
        font-size: 180px;
        top: 10px;
    }
    .abo1_con5 .rq {
        padding-top: 34px;
    }
    .abo1_con5 .rq .div {
        height: 78px;
    }
    .abo1_con5 .rq .div1 p {
        font-size: 18px;
    }


}
@media(max-width:991px){
    .abo1_con3 .rq2{
        display: none;
    }
    .abo1_con2 .rig {
        padding-left: 30px;
        padding-top: 0px;
    }
    .abo1_con2 .rig .div p {
        font-size: 15px;
        line-height: 24px;
        margin-bottom: 13px;
    }
    .abo1_con2 .rig a {
        font-size: 16px;
        padding-bottom: 4px;
    }
    .abo1_con2 .rig .div {
        padding-bottom: 12px;
    }
    .abo1_con2 {
        padding-top: 50px;
        padding-bottom: 70px;
    }
    .abo1_con3 .p{
        display: none;
    }
    .abo1_con3 {
        padding-top: 56px;
        padding-bottom: 50px;
    }
    .abo1_con3 .rq .p1 {
        font-size: 28px;
    }
    .abo1_con3 .rq1 {
        padding-top: 24px;
    }
    .abo1_con3 .rq1 .bot {
        padding-top: 10px;
    }
    .abo1_con3 .rq1 .bot .p1 {
        font-size: 20px;
    }
    .abo1_con3 .rq1 .bot .p2 {
        font-size: 14px;
    }
    .abo1_con4 {
        padding-top: 60px;
        padding-bottom: 44px;
    }
    .abo1_con4 .lef .p {
        font-size: 28px;
    }
    .abo1_con4 .lef .img{
        width: 100%;
    }
    .abo1_con4 .lef{
        width: 100%;
    }
    .abo1_con4 .rig{
        width: 100%;
        padding-top: 24px;
    }
    .abo1_con4 .rig .div .p2 {
        font-size: 16px;
        line-height: 30px;
    }
    .abo1_con5 .p{
        display: none;
    }
    .abo1_con5 {
        padding-top: 44px;
        padding-bottom: 54px;
    }
    .abo1_con5 .p1 {
        font-size: 28px;
    }
    .abo1_con5 .rq {
        padding-top: 22px;
    }

}
@media(max-width:500px){
    .abo1_con1 {
        padding-top: 30px;
    }
    .abo1_con1 a {
        font-size: 16px;
        margin-right: 18px;
        padding-bottom: 4px;
        margin-bottom: 4px;
        border-bottom: 2px solid #fff;
    }
    .abo1_con1 a.on {
        border-bottom: 2px solid #3b5997;
    }

    .abo1_con2 {
        padding-top: 40px;
        padding-bottom: 50px;
    }
    .abo1_con2 .lef{
        width: 100%;
    }
    .abo1_con2 .rig{
        width: 100%;
        padding-left: 0;
        padding-top: 15px;
    }
    .abo1_con2 .rig .div p {
        font-size: 14px;
    }
    .abo1_con3 {
        padding-top: 40px;
        padding-bottom: 40px;
        padding-left: 15px;
    }
    .abo1_con3 .rq{
        width: 100%;
    }
    .abo1_con3 .rq .p1 {
        font-size: 24px;
    }
    .abo1_con3 .rq1 {
        padding-top: 20px;
    }
    .abo1_con4 {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .abo1_con4 .lef .p {
        font-size: 24px;
    }
    .abo1_con4 .rig {
        padding-top: 20px;
    }
    .abo1_con4 .rig .div {
        padding-left: 55px;
        padding-top: 8px;
        padding-bottom: 16px;
    }
    .abo1_con4 .rig .div .p1 {
        font-size: 17px;
        margin-bottom: 12px;
    }
    .abo1_con4 .rig .div .p2 {
        font-size: 14px;
        line-height: 26px;
    }
    .abo1_con4 .rig .div::before {
        left: 22px;
    }
    .abo1_con5 {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .abo1_con5 .p1 {
        font-size: 22px;
    }
    .abo1_con5 .rq {
        padding-top: 20px;
    }

}




/* 企业风采 */
.abo2_con1{
    width: 100%;
    padding-top: 100px;
    padding-bottom: 140px;
    position: relative;
}
.abo2_con1 .rq{
    width: 100%;
}
.abo2_con1 .rq .div{
    width: 47%;
    float: left;
    margin-right: 6%;
    margin-bottom: 70px;
}
.abo2_con1 .rq .div:nth-child(2n){
    margin-right: 0;
}
.abo2_con1 .rq .div .top{
    width: 100%;
    position: relative;
    overflow: hidden;
}
.abo2_con1 .rq .div .top button{
    width: 100px;
    height: 40px;
    border-radius: 40px;
    background: #fff;
    font-size: 14px;
    color: #333333;
    position: absolute;
    right: 30px;
    bottom: 30px;
    opacity: 0;
    transition: all .5s;
}
.abo2_con1 .rq .div:hover .top button{
    opacity: 1;
}
.abo2_con1 .rq .div .top button i{
    width: 16px;
    height: 12px;
    background-image: url(../images/ba1.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    margin-bottom: -2px;
}
.abo2_con1 .rq .div .top img{
    width: 100%;
    vertical-align: middle;
    transition: all .5s;
}
.abo2_con1 .rq .div:hover .top img{
    transform: scale(1.05);
}
.abo2_con1 .rq .div p{
    font-size: 22px;
    color: #121212;
    font-weight: bold;
    padding-top: 25px;
    transition: all .5s;
}
.abo2_con1 .rq .div:hover p{
    color: #3b5997;
}
.abo2_con1 .fyq{
    display: table;
    width: auto;
    margin: 0 auto;
}

@media(max-width:1459px){
    .abo2_con1 {
        padding-top: 66px;
        padding-bottom: 90px;
    }
    .abo2_con1 .rq .div p {
        font-size: 18px;
        padding-top: 16px;
    }
    .abo2_con1 .rq .div {
        margin-bottom: 50px;
    }


}
@media(max-width:500px){
    .abo2_con1 {
        padding-top: 40px;
        padding-bottom: 50px;
    }
    .abo2_con1 .rq .div{
        width: 49%;
        margin-right: 2%;
    }
    .abo2_con1 .rq .div p {
        font-size: 14px;
        padding-top: 10px;
    }
    .abo2_con1 .rq .div {
        margin-bottom: 10px;
    }
    .abo2_con1 .rq{
        padding-bottom: 10px;
    }
    .abo2_con1 .rq .div .top button{
        display: none;
    }

}



/* 企业风采详情 */
.about2_dat1 .lef .top .div1 a {
    display: block;
    margin-top: 14px;
}
.about2_dat1 .lef .top .div1 .a{
    margin-top: 60px;
}
.about2_dat1 .lef .top{
    width: 81%;
    padding: 70px 40px;
    background: rgb(244,247,249);
}
.about2_dat1 .lef .top .div{
    width: 100%;
    border-bottom:none;
    padding-bottom: 0px;
}
@media(max-width:1459px){
    .about2_dat1 .lef .top {
        width: 85%;
        padding: 40px 30px;
    }
    .about2_dat1 .lef .top .div1 .a {
        margin-top: 40px;
    }
}
@media(max-width:991px){
    .about2_dat1 .lef .top {
        width: 100%;
    }
}
@media(max-width:500px){
    .about2_dat1 .lef .top{
        width: 100%;
        padding: 0px 15px;
        padding-bottom: 30px;
    }
}








/* 荣誉资质 */
.abo3_con1{
    width: 100%;
    padding-top: 85px;
    padding-bottom: 86px;
    position: relative;
    overflow: hidden;
}
.ab3_p{
    font-size: 200px;
    color: #f9f9f9;
    text-transform: uppercase;
    font-weight: bold;
    white-space: nowrap;
    position: absolute;
    left: 20%;
    top: -10px;
    z-index: -1;
}
.ab3_p1{
    font-size: 38px;
    color: #000000;
    font-weight: bold;
}
.abo3_con1 .rq{
    width: 100%;
    padding-top: 56px;
}
.abo3_con1 .rq .div{
    width: 29.9%;
    float: left;
    margin-right: 5.15%;
    margin-bottom: 40px;
}
.abo3_con1 .rq .div:nth-child(3n){
    margin-right: 0;
}
.abo3_con1 .rq .div .top{
    width: 100%;
    height: 300px;
    background: rgb(244,247,249);
    position: relative;
    overflow: hidden;
}
.abo3_con1 .rq .div .top img{
    max-height: 80%;
    max-width: 80%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: all .5s;
}
.abo3_con1 .rq .div:hover .top img{
    transform: translate(-50%,-50%) scale(1.05);
}
.abo3_con1 .rq .div p{
    font-size: 18px;
    color: #242526;
    padding-top: 22px;
}
.abo3_con1 .rq .div:hover p{
    color: #3b5997;
}
.lb-data .lb-number{
    display: none !important;
}


/* abo3_con2 */
.abo3_con2{
    width: 100%;
    padding-top: 136px;
    padding-bottom: 140px;
    overflow: hidden;
    position: relative;
    background: rgb(244,247,249);
}
.abo3_con2 .ab3_p{
    color: #3b5997;
    opacity: 0.04;
    z-index: 0;
    top: 30px;
}
.abo3_con2 .rq{
    width: 100%;
    padding-top: 60px;
}
.abo3_con2 .rq .div{
    width: 22%;
    margin-bottom: 60px;
    margin-right: 4%;
    float: left;
}
.abo3_con2 .rq .div:nth-child(4n){
    margin-right: 0;
}
.abo3_con2 .rq .div .top{
    width: 100%;
    height: 360px;
    background: #fff;
    position: relative;
    overflow: hidden;
}
.abo3_con2 .rq .div .top .div1{
    width: 100%;
    height: 100%;
    background: rgba(0,66,142,0.8);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all .5s;
}
.abo3_con2 .rq .div:hover .top .div1{
    opacity: 1;
}
.abo3_con2 .rq .div .top .div1::before{
    content: '';
    width: 60px;
    height: 60px;
    background-image: url(../images/img63.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.abo3_con2 .rq .div .top img{
    max-height: 80%;
    max-width: 80%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: all .5s;
}
.abo3_con2 .rq .div:hover .top img{
    transform: translate(-50%,-50%) scale(1.05);
}
.abo3_con2 .rq .div p{
    font-size: 24px;
    color: #242526;
    padding-top: 20px;
    transition: all .5s;
}
.abo3_con2 .rq .div:hover p{
    color: #3b5997;
}

.abo3_con2 .fyq{
    display: table;
    width: auto;
    margin: 0 auto;
}

@media(max-width:1459px){
    .abo3_con1 {
        padding-top: 64px;
        padding-bottom: 65px;
    }
    .ab3_p1 {
        font-size: 30px;
    }
    .ab3_p {
        font-size: 180px;
    }
    .abo3_con1 .rq {
        padding-top: 40px;
    }
    .abo3_con1 .rq .div .top {
        height: 228px;
    }
    .abo3_con1 .rq .div p {
        font-size: 16px;
        padding-top: 16px;
    }
    .abo3_con1 .rq .div {
        margin-bottom: 30px;
    }
    .abo3_con2 {
        padding-top: 100px;
        padding-bottom: 100px;
    }
    .abo3_con2 .rq {
        padding-top: 40px;
    }
    .abo3_con2 .rq .div .top {
        height: 275px;
    }
    .abo3_con2 .rq .div p {
        font-size: 18px;
        padding-top: 14px;
    }
    .abo3_con2 .rq .div {
        margin-bottom: 45px;
    }

}
@media(max-width:991px){
    .ab3_p{
        display: none;
    }
    .abo3_con1 {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .abo3_con1 .rq {
        padding-top: 30px;
    }
    .ab3_p1 {
        font-size: 30px;
    }
    .abo3_con1 .rq .div .top {
        height: 190px;
    }
    .abo3_con1 .rq .div p {
        font-size: 16px;
        padding-top: 12px;
    }
    .abo3_con2 {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .abo3_con2 .rq {
        padding-top: 30px;
    }
    .abo3_con2 .rq .div .top {
        height: 218px;
    }
    .abo3_con2 .rq .div p {
        font-size: 16px;
        padding-top: 10px;
    }
    .abo3_con2 .rq .div {
        margin-bottom: 30px;
    }

}
@media(max-width:500px){
    .ab3_p1 {
        font-size: 24px;
    }
    .abo3_con1 {
        padding-top: 40px;
        padding-bottom: 30px;
    }
    .abo3_con1 .rq {
        padding-top: 20px;
    }
    .abo3_con1 .rq .div{
        width: 49%;
        margin-right: 2%;
    }
    .abo3_con1 .rq .div:nth-child(3n){
        margin-right: 2%;
    }
    .abo3_con1 .rq .div:nth-child(2n){
        margin-right: 0;
    }
    .abo3_con1 .rq .div {
        margin-bottom: 20px;
    }
    .abo3_con1 .rq .div .top {
        height: 130px;
    }
    .abo3_con1 .rq .div p {
        font-size: 14px;
        padding-top: 10px;
    }
    .abo3_con2 {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .abo3_con2 .rq {
        padding-top: 20px;
    }
    .abo3_con2 .rq .div{
        width: 49%;
        margin-right: 2%;
        margin-bottom: 20px;
    }
    .abo3_con2 .rq .div:nth-child(3n){
        margin-right: 2%;
    }
    .abo3_con2 .rq .div:nth-child(2n){
        margin-right: 0;
    }
    .abo3_con2 .rq .div .top {
        height: 170px;
    }
    .abo3_con2 .rq{
        padding-bottom: 20px;
    }

}



/* 技术支持 */
.ser1_con1{
    width: 100%;
    padding-top: 90px;
    padding-bottom: 90px;
}
.ser1_con1 img{
    max-width: 100% !important;
    height: auto !important;
}

@media(max-width:1459px){
    .ser1_con1{
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media(max-width:500px){
    .ser1_con1{
        padding-top: 40px;
        padding-bottom: 40px;
    }
}



/* 下载中心 */
/* ser2_con1 */
.ser2_con1{
    width: 100%;
    padding-top: 90px;
    padding-bottom: 140px;
}
.ser2_con1 .div{
    width: 100%;
    margin-bottom: 10px;
    background: rgb(243,247,250);
    line-height: 50px;
}
.ser2_con1 .div .lef{
    width: 53%;
    float: left;
    padding-left: 70px;
    font-size: 16px;
    color: #121212;
    position: relative;

    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.ser2_con1 .div .lef::before{
    content: '';
    width: 20px;
    height: 20px;
    background-image: url(../images/img68.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: 28px;
    top: 50%;
    transform: translateY(-50%);
}
.ser2_con1 .div .rig{
    width: 47%;
    float: left;
    font-size: 22px;
    color: #bbbbbb;
    padding-right: 75px;
    position: relative;
}
.ser2_con1 .div .rig::before{
    content: '';
    width: 32px;
    height:32px;
    background-image: url(../images/img69.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 28px;
    top: 50%;
    transform: translateY(-50%);
}

@media(max-width:1459px){
    .ser2_con1 {
        padding-top: 68px;
        padding-bottom: 100px;
    }
    .ser2_con1 .div {
        margin-bottom: 16px;
        line-height: 60px;
    }
    .ser2_con1 .div .lef {
        padding-left: 60px;
        font-size: 18px;
    }
    .ser2_con1 .div .lef::before {
        width: 19px;
        height: 19px;
        left: 28px;
    }
    .ser2_con1 .div .rig {
        font-size: 18px;
        padding-right: 60px;
    }
    .ser2_con1 .div .rig::before {
        width: 32px;
        height: 31px;
        right: 25px;
    }

}
@media(max-width:500px){
    .ser2_con1 {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .ser2_con1 .div .lef{
        width: 100%;
        padding-left: 50px;
        font-size: 16px;
    }
    .ser2_con1 .div .rig{
        width: 100%;
        font-size: 16px;
        padding-left: 50px;
    }
    .ser2_con1 .div .lef::before {
        left: 18px;
    }
    .ser2_con1 .div {
        margin-bottom: 12px;
        line-height: 36px;
        padding: 10px 0;
    }

}


/* 视频中心 */
/* ser3_con1 */
.ser3_con1{
    width: 100%;
    padding-top: 94px;
    padding-bottom: 100px;
}
.ser3_con1 .rq{
    width: 100%;
}
.ser3_con1 .rq .div{
    width: 30.5%;
    margin-right: 4.25%;
    float: left;
    margin-bottom: 40px;
}
.ser3_con1 .rq .div:nth-child(3n){
    margin-right: 0;
}
.ser3_con1 .rq .div .top{
    width: 100%;
    overflow: hidden;
}
.ser3_con1 .rq .div .top .bj{
    width: 100%;
    vertical-align: middle;
    transition: all .5s;
}
.ser3_con1 .rq .div:hover .top .bj{
    transform: scale(1.05);
}
.ser3_con1 .rq .div .bot{
    width: 100%;
    padding: 0 30px;
    padding-top: 22px;
    padding-bottom: 35px;
    background: rgb(243,247,250);
    font-size: 24px;
    color: #121212;
    font-weight: bold;
}
.ser3_con1 .abo_video::before{
    content: '';
    width: 60px;
    height: 60px;
    background-image: url(../images/img67.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 38px;
    bottom: 68px;
    z-index: 10;
}

@media(max-width:1459px){
    .ser3_con1 {
        padding-top: 70px;
        padding-bottom: 76px;
    }
    .ser3_con1 .rq .div .bot {
        padding: 0 22px;
        padding-top: 18px;
        padding-bottom: 26px;
        font-size: 18px;
    }
    .ser3_con1 .rq .div {
        margin-bottom: 28px;
    }
    .ser3_con1 .abo_video::before {
        width: 50px;
        height: 50px;
        right: 30px;
        bottom: 44px;
    }


}
@media(max-width:500px){
    .ser3_con1 {
        padding-top: 40px;
        padding-bottom: 30px;
    }
    .ser3_con1 .rq .div{
        width: 49%;
        margin-right: 2%;
        margin-bottom: 10px;
    }
    .ser3_con1 .rq .div:nth-child(3n){
        margin-right: 2%;
    }
    .ser3_con1 .rq .div:nth-child(2n){
        margin-right: 0;
    }
    .ser3_con1 .rq .div .bot {
        padding: 0 5px;
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 14px;
    }
    .msg-box {
        width: 95%;
        height: 44%;
    }
    .ser3_con1 .abo_video::before {
        width: 30px;
        height: 30px;
        right: 10px;
        bottom: 25px;
    }

}




/* 解决方案 */
/* sol_con1 */
.sol_con1{
    width: 100%;
    padding-top: 75px;
    padding-bottom: 70px;
    position: relative;
    overflow: hidden;
}
.sol_con1 .p{
    font-size: 200px;
    color: #3b5997;
    font-weight: bold;
    opacity: 0.04;
    white-space: nowrap;
    position: absolute;
    top: 15px;
    left: 20%;
    text-transform: uppercase;
}
.sol_con1 .p1{
    font-size: 40px;
    color: #3b5997;
}
.sol_con1 .rq{
    width: 100%;
    padding-top: 40px;
}
.sol_con1 .rq .div{
    width: 28%;
    margin-right: 4%;
    float: left;
    margin-bottom: 66px;
}
.sol_con1 .rq .div:nth-child(3n){
    margin-right: 0;
}
.sol_con1 .rq .div .top{
    width: 100%;
    overflow: hidden;
    display: flex;align-items: center;
    height: 260px;
}
.sol_con1 .rq .div .top img{
    width: 100%;
    height: auto;
    vertical-align: middle;
    transition: all .5s;
}
.sol_con1 .rq .div:hover .top img{
    transform: scale(1.05);
}
.sol_con1 .rq .div p{
    font-size: 20px;
    color: #242526;
    padding-top: 22px;
}
@media(max-width:1459px){
    .sol_con1 .p {
        font-size: 180px;
        top: 30px;
    }
    .sol_con1 {
        padding-bottom: 52px;
    }
    .sol_con1 .p1 {
        font-size: 30px;
    }
    .sol_con1 .rq {
        padding-top: 48px;
    }
    .sol_con1 .rq .div p {
        font-size: 18px;
        padding-top: 12px;
    }
    .sol_con1 .rq .div {
        margin-bottom: 35px;
    }

}
@media(max-width:991px){
    .sol_con1 .p{
        display: none;
    }
    .sol_con1 {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .sol_con1 .rq .div p {
        font-size: 16px;
        padding-top: 10px;
    }
}
@media(max-width:500px){
    .sol_con1 {
        padding-top: 40px;
        padding-bottom: 30px;
    }
    .sol_con1 .p1 {
        font-size: 24px;
    }
    .sol_con1 .rq {
        padding-top: 22px;
    }
    .sol_con1 .rq .div{
        width: 49%;
        margin-right: 2%;
        margin-bottom: 18px;
    }
    .sol_con1 .rq .div:nth-child(4n){
        margin-right: 2%;
    }
    .sol_con1 .rq .div:nth-child(2n){
        margin-right: 0;
    }
    .sol_con1 .rq .div p {
        font-size: 14px;
        padding-top: 6px;
    }

}



/* 解决方案详情 */
/* sol_dat1 */
.sol_dat1{
    width: 100%;
    padding-top: 75px;
    padding-bottom: 75px;
}
.sol_dat1 .lef{
    width: 32%;
    float: left;
    position: sticky;
    top: 30px;
}
.sol_dat1 .lef .rq{
    width: 100%;
}
.sol_dat1 .lef .rq .div{
    width: 100%;
    margin-bottom: 30px;
}
.sol_dat1 .lef .rq .div a{
    font-size: 18px;
    color: #767679;
    display: inline-block;
    padding-bottom: 8px;
    border-bottom: 2px solid #fff;
    transition: all .5s;
}
.sol_dat1 .lef .rq .div a:hover{
    color: #3b5997;
}
.sol_dat1 .lef .rq .div.on a{
    color: #3b5997;
    border-bottom: 2px solid #3b5997;
}
.sol_dat1 .lef .rq .div a i{
    width: 16px;
    height: 11px;
    background-image: url(../images/img27.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    margin-bottom: 2px;
    margin-left: 0px;
    opacity: 0;
    transition: all .5s;
}
.sol_dat1 .lef .rq .div a:hover i,
.sol_dat1 .lef .rq .div.on a i{
    opacity: 1;
    margin-left: 8px;
}
.sol_dat1 .rig{
    width: 68%;
    float: left;
}
.sol_dat1 .rig .p{
    font-size: 38px;
    color: #000000;
    font-weight: bold;
}
.sol_dat1 .rig .rq{
    width: 100%;
    padding-top: 45px;
}
.sol_dat1 .rig .rq .p1{
    font-size: 16px;
    color: #333333;
    line-height: 40px;
    padding-bottom: 28px;
}
.sol_dat1 .rig .rq img{
    max-width: 100% !important;
    height: auto !important;
}
.sol_dat1 .rig .rq .div{
    width: 100%;
    padding-top: 64px;
    padding-bottom: 62px;
}
.sol_dat1 .rig .rq .p2{
    /* font-size: 24px; */
    font-size: 16px;
    color: #000000;
    font-weight: bold;
    padding-bottom: 30px;
}
.sol_dat1 .rig .rq .div1{
    width: 100%;
}
.sol_dat1 .rig .rq .div1 p{
    /* font-size: 24px; */
    font-size: 16px;
    color: #333333;
    line-height: 40px;
    padding-left: 14px;
    position: relative;
}
.sol_dat1 .rig .rq .div1 p::before{
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #3b5997;
    position: absolute;
    left: 0;
    top: 16px;
}
.sol_dat1 .rig .rq .div2{
    width: 100%;
}
.sol_dat1 .rig .rq .div2 .bj{
    width: 100%;
    vertical-align: middle;
}
.sol_dat1 .rig .rq .div2 .abo_video::before{
    content: '';
    width: 80px;
    height: 80px;
    background-image: url(../images/img80.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: all .5s;
}
.sol_dat1 .rig .rq .div2 .abo_video:hover::before{
    top: 45%;
}



/*搜索页*/
.sec-search{
    padding: 60px 0 110px;
    background: #f0f4f7;
    width: 100%;
    overflow: hidden;
}
.psearch-left{
    float: left;
    width: 72.5%;
}
.psearch-left .pagination {
    margin-top: 100px;
}
.psearch-box{
    padding-right: 78px;
    margin-bottom: 35px;
    border: 1px solid #dcdcdc;
    background: #fff;
    position: relative;
}
.psearch-box input{
    width: 100%;
    padding:0 34px;
    font-size: 18px;
    line-height: 68px;
    border: none;
    color: #333;
}
.psearch-box button{
    color:#00428e;
    background-size: 38% auto;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    width: 68px;
    height: 68px;
    font-size: 30px;
    right: 10px;
    outline: medium;
    border: none;
}
.psearch-msimg{background-color: #fff;text-align: center; padding-top: 20px;}
.psearch-tip{
    font-size: 24px;
    line-height: 60px;
}
.psearch-tip span{
    font-size: 24px;
}
.psearch-right{
    float: right;
    width: 25%;
    margin-top: 0;
}
.psearch-right .psearch-ru .on a{
    color:#00428e;
    font-weight: bold;
}
.psearch-right .m-tit{
    font-size: 20px;
    padding: 20px 34px;
    border-bottom: 5px solid #f0f4f7;
}
.psearch-ru a{
    font-size: 18px;
    padding: 20px 34px;
    border-bottom: 4px solid #f0f4f7;
}

.news-item {
    display: block;
    background: #fff;
    padding: 10px 32px 10px 32px;
    margin-bottom: 12px;
}
.news-item .m-cont {
    padding: 15px 4%;
    float: left;
    width: 60%;
}
.news-item .m-other {
    padding: 46px 0 0 0;
    float: right;
    width: 20%;
    position: relative;
}
.news-item .m-other p{color:#999696;}
.news-item .m-other .model-img {
    position: absolute;
    top: 100%;
    right: 0;
    display: none;
    z-index: 1000;
    max-width: 180%;
    border: 1px solid #ccc; z-index: 999;
}
.news-item .m-other span{line-height: 42px; padding: 0 10px 0 0; font-size: 14px;}
.news-item .m-tit {
    font-size: 20px;
    color: #444;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.news-item .m-time {
    font-size: 16px;
    margin: 4px 0 10px;
    color: #777;
}
.news-item .m-list {
    font-size: 16px;
    margin: 4px 0 10px;
    color: #777;
}
.news-item .m-list ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.news-item .m-list ul li{ display: flex; justify-content: space-between; width: 35%;  padding: 8px 0;}
.news-item .m-list ul li:nth-child(2n){margin-right: 0%;}

.news-item .m-img {
    float: left;
    width: 12%;
    overflow: hidden;
}
.news-item .m-img img {
    width: 100%;
    -webkit-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s;
}
.psearch-right .m-tit {
    font-size: 20px;
    padding: 20px 34px;
    border-bottom: 5px solid #f0f4f7;
    background: #00428e;
    text-align: center;
    color: #fff;
}
.psearch-ru a {
    font-size: 18px;
    padding: 20px 34px;
    border-bottom: 4px solid #f0f4f7;
    display: block;
    background: #fff;
    color: #444;
}
@media (max-width: 992px) {
    /* search */
    .psearch-left{width: 100%;float: none;}
    .psearch-right{width: 100%;float: none;margin-top: 20px;}
    .psearch-right .m-tit{font-size: 16px;padding: 15px 20px;}
    .psearch-ru a{font-size: 16px;padding: 15px 20px;}
    .psearch-box input{font-size: 16px;}
    .psearch-box button{font-size: 24px;}
    .psearch-tip{font-size: 18px;}
    .sec-search{padding: 40px 0 40px;}
    .news-item .m-tit{font-size: 16px;}
    .news-item .m-time{font-size: 14px;}
}
.psearch-bd{position: fixed; width: calc(25% - 70px);}
.searchboxbd{background-color: #fff; padding: 30px;}
.searchboxbd .searchbox .list-input-text input {
    margin-left: 12px;
    width: 68px;
    text-align: center;
    background-color: #fff;
    border-bottom: 1px solid #2e2e2e;
}
.searchboxbd .searchbox{margin-top: 10px;}
.searchboxbd .searchbox .list-input-text p{padding: 16px 0 0;}

.searchboxbd .searchbox button {
    width: 100%;
    height:48px;
    background: #3b5997;
    text-align: center;
    line-height: 48px;
    border: none;
    outline: none;
    margin-top: 28px;
    cursor: pointer;
}
.searchboxbd .searchbox i {
    color: #fff;
    font-size: 24px;
}


@media(max-width:1459px){

    .sol_dat1 .lef .rq .div a {
        font-size: 16px;
        padding-bottom: 6px;
    }
    .sol_dat1 .rig .p {
        font-size: 30px;
    }
    .sol_dat1 .rig .rq {
        padding-top: 30px;
    }
    .sol_dat1 .rig .rq .p1 {
        font-size: 16px;
        line-height: 34px;
        padding-bottom: 22px;
    }
    .sol_dat1 .rig .rq .div {
        padding-top: 48px;
        padding-bottom: 42px;
    }
    .sol_dat1 .rig .rq .p2 {
        font-size: 16px;
        padding-bottom: 18px;
    }
    .sol_dat1 .rig .rq .div1 p {
        font-size: 16px;
        line-height: 32px;
        padding-left: 12px;
    }
    .sol_dat1 .rig .rq .div1 p::before {
        width: 4px;
        height: 4px;
        top: 13px;
    }
    .sol_dat1 .rig .rq .div2 .abo_video::before {
        width: 60px;
        height: 60px;
    }

}
@media(max-width:991px){
    .sol_dat1 .lef{
        display: none;
    }
    .sol_dat1 .rig{
        width: 100%;
    }
    .sol_dat1 {
        padding-top: 60px;
        padding-bottom: 70px;
    }
    .sol_dat1 .rig .p {
        font-size: 30px;
    }
    .sol_dat1 .rig .rq {
        padding-top: 20px;
    }
    .sol_dat1 .rig .rq .p1 {
        font-size: 16px;
        line-height: 28px;
        padding-bottom: 18px;
    }
    .sol_dat1 .rig .rq .div {
        padding-top: 30px;
        padding-bottom: 24px;
    }
    .sol_dat1 .rig .rq .p2 {
        font-size: 16px;
        padding-bottom: 14px;
    }
    .sol_dat1 .rig .rq .div1 p {
        font-size: 16px;
        line-height: 28px;
        padding-left: 10px;
    }
    .sol_dat1 .rig .rq .div1 p::before {
        top: 11px;
    }



}
@media(max-width:500px){
    .sol_dat1 {
        padding-top: 40px;
        padding-bottom: 50px;
    }
    .sol_dat1 .rig .rq {
        padding-top: 14px;
    }
    .sol_dat1 .rig .p {
        font-size: 24px;
    }
    .sol_dat1 .rig .rq .div {
        padding-top: 22px;
        padding-bottom: 16px;
    }
    .sol_dat1 .rig .rq .p2 {
        font-size: 14px;
        padding-bottom: 8px;
    }
    .sol_dat1 .rig .rq .div1 p {
        font-size: 14px;
        line-height: 24px;
        padding-left: 10px;
    }
    .sol_dat1 .rig .rq .div1 p::before {
        top: 9px;
    }
    .sol_dat1 .rig .rq .div2 .abo_video::before {
        width: 44px;
        height: 44px;
    }


}





/* 联系方式 */
/* con_con1 */
.con_con1{
    width: 100%;
    padding-top: 75px;
    overflow: hidden;
    padding-bottom: 75px;
}
.con_con1 .lef{
    width: 50%;
    float: left;
}
.con_con1 .lef .p1{
    font-size: 38px;
    color: #121212;
    font-weight: bold;
}
.con_con1 .lef .p2{
    font-size: 24px;
    color: #121212;
    font-weight: bold;
    padding-top: 8px;
}
.con_con1 .lef .div{
    width: 100%;
    padding-top: 52px;
}
.con_con1 .lef .div p{
    font-size: 14px;
    color: #121212;
    padding-bottom: 11px;
}
.con_con1 .lef .div p span{
    font-weight: bold;
}
.con_con1 .lef .div img{
    width: 130px;
    vertical-align: middle;
    padding-top: 22px;
}
.con_con1 .rig{
    width: 50%;
    float: left;
}
.con_con1 .img{
    height: 440px;
}

/* con_con2 */
.con_con2{
    width: 100%;
    padding-top: 75px;
    padding-bottom: 35px;
    background: rgb(244,247,249);
    position: relative;
    overflow: hidden;
}
.con_p{
    font-size: 200px;
    color: #3b5997;
    opacity: 0.04;
    text-transform: uppercase;
    font-weight: bold;
    white-space: nowrap;
    position: absolute;
    left: 20%;
    top: -16px;
    z-index:0;
}
.con_p1{
    font-size: 38px;
    color: #121212;
    font-weight: bold;
}
.con_con2 .rq{
    width: 100%;
    padding-top: 30px;
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
}
.con_con2 .rq .div{
    width: 30.5%;
    height: auto;
    float: left;
    margin-right: 4.25%;
    background-image: url(../images/img84.jpg);
    background-size: cover;
    padding: 50px 40px;
    transition: all .5s;
}
.con_con2 .rq .div:hover{
    background: url(../images/img83.jpg);
}
.con_con2 .rq .div:nth-child(3),.con_con2 .rq .div:nth-child(6){
    margin-right: 0;
}
.con_con2 .rq .div .p1{
    font-size: 28px;
    color: #121212;
    font-weight: bold;
    transition: all .5s;
}
.con_con2 .rq .div:hover .p1{
    color: #fff;
}
.con_con2 .rq .div .p2{
    height: 38px;
    font-size: 20px;
    color: #121212;
    font-weight: bold;
    padding-top: 8px;
    transition: all .5s;
}
.con_con2 .rq .div:hover .p2{
    color: #fff;
}
.con_con2 .rq .div .div1{
    width: 100%;
}
.con_con2 .rq .div .div1 p{
    font-size: 14px;
    color: #333333;
    padding-left: 56px;
    line-height: 32px;
    position: relative;
    transition: all .5s;
}
.con_con2 .rq .div:hover .div1 p{
    color: #fff;
    opacity: 0.8;
}
.con_con2 .rq .div .div1 p span{
    position: absolute;
    left: 0;
    top: 0;
}


/* con_con3 */
.con_con3{
    width: 100%;
    padding-top: 75px;
    padding-bottom: 75px;
    position: relative;
    overflow: hidden;
}
.con_con3 .con_p{
    opacity: 1;
    color: #f9f9f9;
    z-index: -1;
}
.con_con3 .rq{
    width: 100%;
    padding-top: 30px;
    position: relative;
    z-index: 1;
}
.con_con3 .rq .div{
    width: 100%;
}
.con_con3 .rq .div input{
    width: 32%;
    height: 80px;
    font-size: 16px;
    background: rgb(244,247,249);
    color: #999999;
    padding-left: 26px;
    margin-right: 2%;
    margin-bottom: 28px;
    float: left;
}
.con_con3 .rq .div input:nth-child(3){
    margin-right: 0;
}
.con_con3 .rq textarea{
    width: 100%;
    height: 160px;
    font-size: 16px;
    background: rgb(244,247,249);
    color: #999999;
    padding: 26px;
    display: block;
    margin-bottom: 50px;
}
.con_con3 .rq button{
    font-size: 14px;
    color: #ffffff;
    width: 170px;
    height: 60px;
    border-radius: 60px;
    background: #3b5997;
    display: block;
}
.con_con3 .rq button i{
    display: inline-block;
    width: 19px;
    height: 14px;
    background-image: url(../images/img85.png);
    background-size: contain;
    background-repeat: no-repeat;
    margin-bottom: -1px;
    margin-left: 6px;
}
.con_con3 .con_p {
    top: 20px;
}

@media(max-width:1459px){

    .con_con1 .img{
        height: 360px;
    }
    .con_con1 .lef .p1 {
        font-size: 30px;
    }
    .con_con1 .lef .p2 {
        font-size: 18px;
        padding-top: 6px;
    }
    .con_con1 .lef .div {
        padding-top: 36px;
    }
    .con_con1 .lef .div p {
        font-size: 14px;
        padding-bottom: 8px;
    }
    .con_con1 .lef .div img {
        width: 90px;
        padding-top: 14px;
    }

    .con_p {
        font-size: 180px;
        top: -16px;
    }
    .con_p1 {
        font-size: 30px;
    }
    .con_con2 .rq {
        padding-top: 40px;
    }
    .con_con2 .rq .div {
        height: 300px;
        padding: 34px 28px;
    }
    .con_con2 .rq .div .p1 {
        font-size: 22px;
    }
    .con_con2 .rq .div .p2 {
        height: 68px;
        font-size: 17px;
        padding-top: 6px;
    }
    .con_con2 .rq .div .div1 p {
        line-height: 28px;
    }
    .con_p {
        top: 0px;
    }

    .con_con3 .rq {
        padding-top: 38px;
    }
    .con_con3 .rq .div input {
        height: 60px;
        font-size: 14px;
        padding-left: 20px;
        margin-bottom: 20px;
    }
    .con_con3 .rq textarea {
        height: 140px;
        font-size: 14px;
        padding: 20px;
        margin-bottom: 36px;
    }
    .con_con3 .rq button {
        font-size: 14px;
        width: 140px;
        height: 48px;
        border-radius: 48px;
    }



}
@media(max-width:991px){
    .con_p{
        display: none;
    }
    .con_con1 {
        padding-top: 60px;
        padding-bottom: 50px;
    }
    .con_con1 .img{
        height: 235px;
    }
    .con_con2 {
        padding-top: 60px;
        padding-bottom: 50px;
    }
    .con_p1 {
        font-size: 30px;
    }
    .con_con2 .rq {
        padding-top: 30px;
    }
    .con_con2 .rq .div {
        height: 300px;
        padding: 20px 19px;
        width: 32%;
        margin-right: 2%;
    }
    .con_con2 .rq .div .div1 p {
        font-size: 14px;
        padding-left: 40px;
        line-height: 32px;
    }
    .con_con3 {
        padding-top: 60px;
        padding-bottom: 50px;
    }
    .con_con3 .rq {
        padding-top: 30px;
    }

}
@media(max-width:768px){
    .con_con1 .lef{
        width: 100%;
        padding-bottom: 30px;
    }
    .con_con1 .rig{
        width: 100%;
    }
    .con_con2 .rq .div{
        width: 100%;
        height: auto;
        margin-right: 0;
        margin-bottom: 15px;
    }

}
@media(max-width:500px){
    .con_con1 {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .con_con1 .lef .p1 {
        font-size: 24px;
    }
    .con_con1 .lef .p2 {
        font-size: 16px;
        padding-top: 6px;
    }
    .con_con1 .lef .div {
        padding-top: 18px;
    }
    .con_con1 .lef .div img {
        padding-top: 8px;
    }
    .con_con2 {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .con_p1 {
        font-size: 24px;
    }
    .con_con2 .rq {
        padding-top: 20px;
    }
    .con_con2 .rq .div .p1 {
        font-size: 20px;
    }
    .con_con2 .rq .div .p2 {
        height: auto;
        font-size: 16px;
        padding-top: 10px;
        margin-bottom: 10px;
    }
    .con_con2 .rq .div .div1 p {
        line-height: 24px;
        margin-bottom: 5px;
    }
    .con_con3 {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .con_con3 .rq {
        padding-top: 20px;
    }
    .con_con3 .rq .div input{
        width: 100%;
        margin-right: 0;
        height: 46px;
        padding-left: 14px;
        margin-bottom: 10px;
    }
    .con_con3 .rq textarea {
        padding: 15px;
        margin-bottom: 26px;
    }
    .con_con3 .rq button {
        font-size: 12px;
        width: 120px;
        height: 42px;
        border-radius: 42px;
    }
    .con_con3 .rq button i {
        width: 15px;
        height: 12px;
    }

}



/* 企业招聘 */
/* join_con1 */
.join_con1{
    width: 100%;
    padding-top: 75px;
    padding-bottom: 75px;
    position: relative;
    overflow: hidden;
}
.join_con1 .p{
    font-size: 200px;
    color: #f9f9f9;
    font-weight: bold;
    text-transform: uppercase;
    position: absolute;
    left: 20%;
    top: 0px;
    white-space: nowrap;
    z-index: -1;
}
.join_con1 .p1{
    font-size: 38px;
    color: #121212;
    font-weight: bold;
}
.join_con1 .rq{
    width: 100%;
}
.join_con1 .rq .div{
    width: 100%;
    padding-top: 38px;
}
.join_con1 .rq .div .top{
    width: 100%;
    padding-bottom: 34px;
    border-bottom: 1px solid rgb(238,238,238);
    font-size: 22px;
    color: #121212;
    font-weight: bold;
    padding-right: 30px;
    position: relative;
    cursor: pointer;
}
.join_con1 .rq .div.on .top{
    border-bottom: 1px solid #fff;
}
.join_con1 .rq .div .top span{
    color: #3b5997;
}
.join_con1 .rq .div .top i{
    width: 24px;
    height: 24px;
    background-image: url(../images/img86.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    transition: all .5s;
}
.join_con1 .rq .div.on .top i{
    background-image: url(../images/img87.png);
}
.join_con1 .rq .div .bot{
    width: 100%;
    max-height: 0;
    height: auto;
    overflow: hidden;
    transition: all .5s;
}
.join_con1 .rq .div.on .bot{
    max-height: 800px;
}
.join_con1 .div .bot .div1{
    width: 100%;
    padding: 60px 70px;
    padding-top: 75px;
    background: rgb(244,247,249);
}
.join_con1 .bot .div1 .lef{
    width: 60%;
    float: left;
}
.join_con1 .bot .div1 .lef .div2{
    width: 100%;
}
.join_con1 .bot .div1 .lef .div2 .p2{
    font-size: 18px;
    color: #121212;
    font-weight: bold;
    padding-bottom: 16px;
    border-bottom: 2px solid rgb(236,239,241);
}
.join_con1 .bot .div1 .lef .div2 div{
    width: 100%;
    padding-top: 40px;
    padding-bottom: 36px;
}
.join_con1 .bot .div1 .lef .div2:last-child div{
    padding-bottom: 0;
}
.join_con1 .bot .div1 .lef .div2 div p{
    font-size: 16px;
    color: #606365;
    line-height: 38px;
}
.join_con1 .bot .div1 .rig{
    width: 32%;
    float: right;
    padding: 35px 42px;
    background: #fff;
}
.join_con1 .bot .div1 .rig p{
    font-size: 16px;
    color: #121212;
    line-height: 36px;
    font-weight: bold;
    margin-bottom: 38px;
}
.join_con1 .bot .div1 .rig p:last-child{
    margin-bottom: 0;
}
.join_con1 .bot .div1 .rig p span{
    color: #3b5997;
}


@media(max-width:1459px){

    .join_con1 .p1 {
        font-size: 30px;
    }
    .join_con1 .p {
        font-size: 180px;
        top: 14px;
    }
    .join_con1 .rq .div {
        padding-top: 28px;
    }
    .join_con1 .rq .div .top {
        padding-bottom: 24px;
        font-size: 18px;
        padding-right: 30px;
    }
    .join_con1 .rq .div .top i {
        width: 18px;
        height: 18px;
    }
    .join_con1 .div .bot .div1 {
        padding: 40px 50px;
        padding-top: 50px;
    }
    .join_con1 .bot .div1 .lef .div2 .p2 {
        font-size: 16px;
        padding-bottom: 12px;
    }
    .join_con1 .bot .div1 .lef .div2 div {
        padding-top: 30px;
        padding-bottom: 26px;
    }
    .join_con1 .bot .div1 .lef .div2 div p {
        font-size: 15px;
        line-height: 30px;
    }
    .join_con1 .bot .div1 .rig {
        padding: 24px 24px;
    }
    .join_con1 .bot .div1 .rig p {
        font-size: 15px;
        line-height: 30px;
        margin-bottom: 24px;
    }

}
@media(max-width:991px){
    .join_con1 .p{
        display: none;
    }
    .join_con1 {
        padding-top: 50px;
        padding-bottom: 60px;
    }
    .join_con1 .p1 {
        font-size: 30px;
    }
    .join_con1 .bot .div1 .lef{
        width: 100%;
    }
    .join_con1 .bot .div1 .rig{
        width: 100%;
        margin-top: 20px;
    }

}
@media(max-width:500px){
    .join_con1 {
        padding-top: 40px;
        padding-bottom: 50px;
    }
    .join_con1 .p1 {
        font-size: 24px;
    }
    .join_con1 .rq .div .top {
        padding-bottom: 12px;
        font-size: 16px;
        padding-right: 24px;
    }
    .join_con1 .rq .div {
        padding-top: 20px;
    }
    .join_con1 .div .bot .div1 {
        padding: 20px 14px;
    }
    .join_con1 .bot .div1 .lef .div2 div {
        padding-top: 10px;
        padding-bottom: 16px;
    }
    .join_con1 .bot .div1 .lef .div2 div p {
        font-size: 14px;
        line-height: 26px;
    }
    .join_con1 .bot .div1 .rig {
        padding: 15px 15px;
    }
    .join_con1 .bot .div1 .rig p {
        font-size: 14px;
        line-height: 26px;
        margin-bottom: 10px;
    }

}


.scj_con1{
    width: 100%;
    padding-top: 75px;
    padding-bottom: 70px;
    position: relative;
    overflow: hidden;
}
.scj_con1 .rq {
    width: 100%;
    padding-top: 20px;
}
.scj_con1 .p{
    font-size: 200px;
    color: #3b5997;
    font-weight: bold;
    opacity: 0.04;
    white-space: nowrap;
    position: absolute;
    top: 15px;
    left: 20%;
    text-transform: uppercase;
}
.scj_con1 .p1{
    font-size: 40px;
    color: #3b5997;
    font-weight: bold;
}

@media(max-width:1459px){
    .scj_con1 .p {
        font-size: 180px;
        top: 30px;
    }
    .scj_con1 .p1 {
        font-size: 30px;
    }
}
@media(max-width:991px){
    .scj_con1 .p{
        display: none;
    }
}
@media(max-width:500px){
    .scj_con1 .p1 {
        font-size: 24px;
    }
}



/* 新闻中心 */
/* .new_con1 */
.new_con1{
    width: 100%;
    padding-top: 60px;
    padding-bottom: 130px;
}
.new_con1 .rq{
    width: 100%;
}
.new_con1 .rq .div{
    width: 30%;
    float: left;
    margin-right: 5%;
    margin-bottom: 76px;
}
.new_con1 .rq .div:nth-child(3n){
    margin-right: 0;
}
.new_con1 .rq .div .top{
    width: 100%;
    overflow: hidden;
    max-height: 200px;
}
.new_con1 .rq .div .top img{
    width: 100%;
    vertical-align: middle;
    transition: all .5s;
}
.new_con1 .rq .div:hover .top img{
    transform: scale(1.05);
}
.new_con1 .rq .div .bot{
    width: 100%;
    height: 110px;
    padding-top: 12px;
}
.new_con1 .rq .div .bot .p1{
    font-size: 14px;
    color: #3b5997;
}
.new_con1 .rq .div .bot .p2{
    font-size: 18px;
    color: #242526;
    margin-top: 10px;
    transition: all .5s;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.new_con1 .rq .div:hover .bot .p2{
    color: #3b5997;
}
.new_con1 .fyq{
    width: auto;
    display: table;
    margin: 0 auto;
}
@media(max-width:1459px){
    .new_con1 .rq .div .bot {
        height: 86px;
        padding-top: 10px;
    }
    .new_con1 .rq .div .bot .p1 {
        font-size: 13px;
    }
    .new_con1 .rq .div .bot .p2 {
        font-size: 15px;
        margin-top: 6px;
    }
    .new_con1 .rq .div {
        margin-bottom: 40px;
    }
    .new_con1 {
        padding-top: 50px;
        padding-bottom: 80px;
    }

}
@media(max-width:991px){
    .new_con1 .rq .div .bot .p2 {
        font-size: 16px;
    }
    .new_con1 .rq .div {
        margin-bottom: 20px;
    }

}
@media(max-width:500px){
    .new_con1 {
        padding-top: 40px;
        padding-bottom: 50px;
    }
    .new_con1 .rq .div{
        width: 49%;
        margin-right: 2%;
    }
    .new_con1 .rq .div:nth-child(3n){
        margin-right: 2%;
    }
    .new_con1 .rq .div:nth-child(2n){
        margin-right: 0%;
    }
    .new_con1 .rq .div .bot {
        height: 68px;
        padding-top: 6px;
    }
    .new_con1 .rq .div .bot .p1 {
        font-size: 12px;
    }
    .new_con1 .rq .div .bot .p2 {
        font-size: 14px;
        margin-top: 2px;
    }

}





/* 新闻详情 */
.por_dat1 .rig .p span{
    font-size: 16px;
    color: #3b5997;
    display: block;
}
.por_dat1 .rig .div2{
    width: 100%;
    padding-top: 50px;
}
.por_dat1 .rig .div2 p{
    font-size: 16px;
    color: #333333;
    line-height: 34px;
}
.por_dat1 .rig .div2 img{
    max-width: 100% !important;
    height: auto !important;
}
.por_dat1 .rig .div2 div{
    width: 100%;
    padding-top: 60px;
}
.por_dat1 .rig .div2 .p1{
    font-size: 18px;
    color: #121212;
    font-weight: bold;
    margin-bottom: 14px;
}


/* new_dat1 */
.new_dat1{
    width: 100%;
    padding-top: 110px;
    padding-bottom: 90px;
    background: rgb(244,247,249);
    position: relative;
    overflow: hidden;
}
.new_dat1 .p{
    font-size: 280px;
    color: #002652;
    opacity: 0.03;
    text-transform: uppercase;
    font-weight: bold;
    position: absolute;
    left: 20%;
    top: 0;
    white-space: nowrap;

}
.new_dat1 .p1{
    font-size: 16px;
    color: #121212;
}
.new_dat1 .rq{
    width: 100%;
    padding-top: 55px;
}
.new_dat1 .rq .div{
    width: 30%;
    margin-right: 5%;
    float: left;
    margin-bottom: 20px;
}
.new_dat1 .rq .div:nth-child(3n){
    margin-right: 0;
}
.new_dat1 .rq .div .top{
    width: 100%;
    overflow: hidden;max-height: 200px;
}
.new_dat1 .rq .div .top img{
    width: 100%;
    vertical-align: middle;
    transition: all .5s;
}
.new_dat1 .rq .div:hover .top img{
    transform: scale(1.05);
}
.new_dat1 .rq .div .bot{
    width: 100%;
    padding-top: 12px;
}
.new_dat1 .rq .div .bot .p2{
    font-size: 14px;
    color: #3b5997;
}
.new_dat1 .rq .div .bot .p3{
    font-size: 18px;
    color: #242526;
    margin-top: 10px;
    transition: all .5s;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.new_dat1 .rq .div:hover .bot .p3{
    color: #3b5997;
}

@media(max-width:1459px){
    .por_dat1 .rig .div2 {
        padding-top: 32px;
    }
    .por_dat1 .rig .p span {
        font-size: 14px;
    }
    .por_dat1 .rig .div2 p {
        font-size: 14px;
        line-height: 30px;
        margin-bottom: 24px;
    }
    .por_dat1 .rig .div2 div {
        padding-top: 36px;
    }
    .new_dat1 {
        padding-top: 80px;
        padding-bottom: 60px;
    }
    .new_dat1 .p1 {
        font-size: 36px;
    }
    .new_dat1 .p {
        font-size: 180px;
    }
    .new_dat1 .rq {
        padding-top: 32px;
    }
    .new_dat1 .rq .div .bot {
        padding-top: 10px;
    }
    .new_dat1 .rq .div .bot .p3{
        font-size: 18px;
        margin-top: 6px;
    }


}
@media(max-width:991px){
    .new_dat1 {
        padding-top: 50px;
        padding-bottom: 40px;
    }
    .new_dat1 .p{
        display: none;
    }
    .new_dat1 .p1 {
        font-size: 30px;
    }

}
@media(max-width:500px){
    .por_dat1 .rig .div2 {
        padding-top: 20px;
    }
    .por_dat1 .rig .div2 p {
        font-size: 14px;
        line-height: 26px;
        margin-bottom: 16px;
    }
    .por_dat1 .rig .div2 div {
        padding-top: 22px;
    }
    .por_dat1 .rig .div2 .p1 {
        font-size: 16px;
        margin-bottom: 8px;
    }
    .new_dat1 {
        padding-top: 40px;
        padding-bottom: 36px;
    }
    .new_dat1 .p1 {
        font-size: 24px;
    }
    .new_dat1 .rq .div{
        width: 100%;
    }
    .new_dat1 .rq .div .bot .p3 {
        font-size: 16px;
        margin-top: 2px;
    }
    .new_dat1 .rq .div .bot .p2 {
        font-size: 13px;
    }
    .new_dat1 .rq .div .bot {
        padding-top: 6px;
    }
    .new_dat1 .rq {
        padding-top: 20px;
    }

}








/* 研发制造 */
.res_con{
    width: 100%;
    padding-top: 75px;
    overflow: hidden;
    position: relative;
}
.res_con:last-child{
    padding-bottom: 75px;
}
.res_con .rq{
    width: 100%;
    position: relative;
}
.res_con .rq::before{
    content: '';
    width: 63%;
    height: 100%;
    background: rgb(244,247,249);
    position: absolute;
    right: 0;
    top: 0;
}
.res_con.res_con1 .rq::before,
.res_con.res_con3 .rq::before{
    left: 0;
}
.res_con .rq .wrap{
    padding: 76px 0;
    position: relative;
}
.res_con .rq .p{
    font-size: 200px;
    color: #eff3f6;
    font-weight: bold;
    text-transform: uppercase;
    position: absolute;
    left: 20%;
    top: -10px;
    white-space: nowrap;
}
.res_con .rq .ann{
    width: 105px;
    height: 40px;
    position: absolute;
    right: 0;
    bottom: 0;
}
.res_con.res_con2 .rq .ann{
    left: 0;
}
.res_con .rq .ann .swiper-button-next,
.res_con .rq .ann .swiper-button-prev{
    width: 40px;
    height: 40px;
    position: static;
    margin-top: 0;
    float: right;
    background-image: url(../images/img102.png);
    background-size: contain;
    background-repeat: no-repeat;
    transition: all .5s;
    opacity: 1;
}
.res_con .rq .ann .swiper-button-next:after,
.res_con .rq .ann .swiper-button-prev:after{
    display: none;
}
.res_con .rq .ann .swiper-button-prev{
    float: left;
    transform: rotate(180deg);
}
.res_con .rq .ann .swiper-button-next:hover,
.res_con .rq .ann .swiper-button-prev:hover{
    background-image: url(../images/img103.png);
}

.res_con .rq .swiper-slide{
    display: flex;
    flex-wrap: wrap-reverse;
}
.res_con.res_con2 .rq .swiper-slide{
    flex-wrap: wrap;
}
.res_con .rq .lef{
    width: 50%;
    padding-right: 125px;
}
.res_con.res_con2 .rq .lef{
    padding-right: 0;
    padding-left: 125px;
}
.res_con .rq .lef .p1{
    font-size: 38px;
    color: #121212;
    font-weight: bold;
}
.res_con .rq .lef .div{
    font-size: 17px;
    color: #121212;
    line-height: 38px;
    padding-top: 55px;
}
.res_con .rq .lef .div span{
    color: #3b5997;
}
.res_con .rq .rig{
    width: 50%;
    overflow: hidden;
}
.res_con .rq .rig img{
    width: 100%;
    vertical-align: middle;
}
.res_con .rq .lef .div1{
    width: 100%;
    padding-top: 20px;
    display: flex;
    justify-content: flex-start ;
}
.res_con .rq .lef .div1 .sz_div{
    margin-right: 56px;
}
.res_con .rq .lef .div1 .sz_div:last-child{
    margin-right: 0;
}
.res_con .rq .lef .div1 .sz_div .p2{
    font-size: 56px;
    color: #195599;
    font-family:"arial";
    font-weight: bold;
    line-height: 55px;
}
.res_con .rq .lef .div1 .sz_div .p3{
    font-size: 18px;
    color: #606365;
}
.res_con .rq .lef .div1 .sz_div .p4{
    font-size: 42px;
}

.res_con .rq .lef .div2{
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-top: 10px;
}
.res_con .rq .lef .div2 .tp_div{
    width: 23%;
}
.res_con .rq .lef .div2 .tp_div img{
    width: 100%;
    vertical-align: middle;
}
.res_con .swiper-pagination{
    display: none;
}


@media(max-width:1459px){

    .res_con .rq .p {
        font-size: 180px;
        top: -10px;
    }
    .res_con .rq .wrap {
        padding: 56px 0;
    }
    .res_con .rq .lef .p1 {
        font-size: 30px;
    }
    .res_con .rq .lef {
        padding-right: 60px;
    }
    .res_con.res_con2 .rq .lef {
        padding-left: 60px;
    }
    .res_con .rq .lef .div {
        font-size: 15px;
        line-height: 32px;
        padding-top: 26px;
    }
    .res_con .rq .lef .div1 .sz_div .p2 {
        font-size: 46px;
        line-height: 46px;
    }
    .res_con .rq .lef .div1 .sz_div .p4 {
        font-size: 34px;
    }
    .res_con .rq .lef .div1 .sz_div .p3 {
        font-size: 15px;
    }
    .res_con:last-child {
        padding-bottom: 100px;
    }

}
@media(max-width:991px){
    .res_con {
        padding-top: 60px;
    }
    .res_con .rq .p{
        display: none;
    }
    .res_con .rq .rig{
        width: 100%;
    }
    .res_con .rq .lef{
        width: 100%;
        padding-right: 0;
        padding-top: 10px;
    }
    .res_con .rq .lef .p1 {
        font-size: 30px;
    }
    .res_con .rq .lef .div {
        padding-top: 14px;
    }
    .res_con .rq::before{
        display: none;
    }
    .res_con .rq .ann{
        display: none;
    }
    .res_con .rq .wrap {
        padding: 0px 0;
    }
    .res_con.res_con2 .rq .lef{
        padding-left: 0;
    }
    .res_con .swiper-pagination{
        display: block;
    }
    .res_con .rq .swiper-slide{
        padding-bottom: 40px;
    }
    .res_con .rq .swiper-pagination-bullet-active{
        background: #195599;
    }

}
@media(max-width:768px){
    .res_con{
        padding-left: 15px;
        padding-right: 15px;
    }

}
@media(max-width:500px){
    .res_con {
        padding-top: 40px;
    }
    .res_con .rq .lef .p1 {
        font-size: 24px;
    }
    .res_con .rq .lef .div {
        padding-top: 10px;
        font-size: 14px;
        line-height: 26px;
    }
    .res_con .rq .lef .div1 {
        padding-top: 14px;
    }
    .res_con .rq .lef .div1 .sz_div .p2 {
        font-size: 26px;
        line-height: 30px;
    }
    .res_con .rq .lef .div1 .sz_div .p3 {
        font-size: 14px;
    }
    .res_con .rq .lef .div1 .sz_div .p4 {
        font-size: 22px;
    }
    .res_con .rq .lef .div1 .sz_div {
        margin-right: 38px;
    }
    .res_con:last-child {
        padding-bottom: 34px;
    }
    .res_con .rq .lef .div2 .tp_div {
        width: 30%;
    }

}






/* 产品详情重做 */
.proda_1{
    padding-top: 30px;
}
.proda_1 .proda_1_lef{
    width: 100%;
    position: relative;
    display: flex; justify-content: space-between;
}
.proda_1 .div1{
    width: 20%;
    margin-top: 0px;
    margin-left: 7%;
}

.proda_1 .div1 .sma img{
    max-width: 80%;
    max-height: 80%;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.proda_1 .div1 .swiper-wrapper .swiper-slide {
    cursor: pointer;
    width: 100%;
    border: 1px solid #ececec;
    height: 150px;
}
.proda_1 .div2_prod{
    width: 72%;
    padding: 46px 0;
    border: 1px solid #ececec;
    box-sizing: border-box;
}
.proda_1 .div2_prod .bigimg img{
    /* max-width: 80%;
    max-height: 80%; */
    width: 100%;
    display: block;
    margin: 0 auto;
}
.op{
    display: block !important;
}
.proda_1 .div1 .swiper-wrapper .swiper-slide:hover{
    border: 1px solid #3b5997;
}
.proda_1 .div1 .swiper-wrapper .swiper-slide-thumb-active{
    border: 1px solid #3b5997 !important;
}
.por_dat1 .a{
    width: 114px;
    height: 46px;
    line-height: 46px;
    font-size: 18px;
    text-align: center;
    background: #3b5997;
    color: #fff;
    border-radius: 60px;
    display: block;
    /* float: left; */
    margin-top: 60px;

}













.item-box{background-color: #f4f4f4;}
.item-box .item-title{
    margin: 0 auto;
    max-width: 1300px;
    padding-top: 72px;
    text-align: center;
    font-size: 40px;
    color: #3b5997;
}
.core-team {
    display: flex;
    flex-wrap: wrap;
    margin: 28px auto 20px;
    max-width: 1300px;
}
.core-team .item {
    margin-bottom: 32px;
    width: 23%;
    margin-right: 2%;
}
.core-team .item img {
    -ms-interpolation-mode: nearest-neighbor;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    width: 100%;
}
.core-team .item .name {
    color: #3b5997;
    font-size: 18px;
    font-weight: 700;
    line-height: 160%;
    margin-top: 24px;
    text-align: center;
}
.core-team .item .position{
    color: #4e4d50;
    font-size: 14px;
    line-height: 200%;
    text-align: center;
}

.tab_itemlist {
    max-width: 1300px;
    margin: 18px auto 1.6%;
    text-align: center;
}

.tab_itemlist li {
    display: inline-block;
    margin-right: 21px;
}

.tab_itemlist li span {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: #c53520;
    border: 2px solid #fff;
    border-radius: 100%;
    vertical-align: middle;
    margin-right: 7px;
}

.tab_itemlist li:nth-child(2) span {
    background: #e6b51f;
}

.tab_itemlist li:nth-child(3) span {
    background: #1f78e6;
}

.tab_itemlist li:nth-child(4) span {
    background: #3ba170;
}

.map-box{ background-color: #fff;}
.map-box .map-title{
    padding-top: 72px;
    font-size: 40px;
    color: #3b5997;
    max-width: 1300px;
    margin:0 auto;
    text-align: center;
}
.map-box .map-team{max-width: 1300px; margin: 0 auto;}
.map-box .map-team img{max-width: 100%;}

.rr-box{}
.rr-box .rr-title{
    margin: 0 auto;
    max-width: 1300px;
    padding-top: 72px;
    text-align: center;
    font-size: 40px;
    color: #3b5997;
}
.rr-box .rr-title p{ font-size: 14px; color:#4e4d50; padding: 8px 0;}

.honorSwiper{max-width: 1300px; margin: 48px auto;}
.honorSwiper .swiper-slide .des{color: #212223;  font-size: 14px; margin-top: 24px; text-align: center;}
.honorSwiper .swiper-slide img{  height: 100%;  width: 100%;}
.honorSwiper .swiper-pagination-bullet-active {background: #3b5997;}
.honorSwiper .swiper-pagination-bullet {width: 28px;height: 5px;border-radius: 30px;}
.honorSwiper .zwf{padding: 20px;}


.rrbg{background-color: #f9f9f9; padding-bottom: 1px;}
.certificationSwiper{ margin: 48px auto;}
.certificationSwiper .swiper-slide{background-color: rgba(255,255,255,0) !important;}
.certificationSwiper .swiper-slide .des{color: #212223;  font-size: 14px; margin-top: 24px; text-align: center;}
.certificationSwiper .swiper-slide img{  height: 100%;  width: 100%;}
.certificationSwiper .swiper-pagination-bullet-active {background: #3b5997;}
.certificationSwiper .swiper-pagination-bullet {width: 28px;height: 5px;border-radius: 30px;}
.certificationSwiper .zwf{padding: 20px;}

.certificationSwiper .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    transition: 300ms;
    transform: scale(0.8);
}
.certificationSwiper .swiper-slide-active,.swiper-slide-duplicate-active{
    transform: scale(1);
}



.patentSwiper{max-width: 1168px;}
.patentSwiper .swiper-slide .des{color: #212223;  font-size: 14px; margin-top: 24px; text-align: center;}
.patentSwiper .swiper-slide img{  height: 100%;  width: 100%;}
.patentSwiper .swiper-pagination-bullet-active {background: #3b5997;}
.patentSwiper .swiper-pagination-bullet {width: 28px;height: 5px;border-radius: 30px;}
.patentSwiper .zwf{padding: 20px;}
.swiper-father {
    max-width: 1300px;
    margin: 32px auto;
    position: relative;
}
.swiper-father .swiper-button-next, .swiper-button-prev {
    top: 50%;
    width: 44px;
    height: 44px;
    margin-top: -22px;
    background-size: 44px 44px;
}
.swiper-father  .swiper-button-prev {
    background-image: url(../images/swp_left.png);left:0;
}
.swiper-father  .swiper-button-next {
    background-image: url(../images/swp_right.png);right:0;
}


.centered {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.centered-y {
    position: absolute;
    width: 100%;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.distribution-map {
    position: relative;
    width: 100%;
    padding: 20px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
}
.distribution-map > img {
    width: 100%;
    position: relative;
    margin: 0;
    padding: 0;
}
.distribution-map .map-point {
    cursor: pointer;
    outline: none;
    z-index: 0;
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -moz-transition: opacity 0.25s ease-in-out 0.25s, width 0.25s ease-in-out 0.25s, height 0.25s ease-in-out 0.25s, z-index 0.25s ease-in-out 0.25s;
    -o-transition: opacity 0.25s ease-in-out 0.25s, width 0.25s ease-in-out 0.25s, height 0.25s ease-in-out 0.25s, z-index 0.25s ease-in-out 0.25s;
    -webkit-transition: opacity 0.25s ease-in-out, width 0.25s ease-in-out, height 0.25s ease-in-out, z-index 0.25s ease-in-out;
    -webkit-transition-delay: 0.25s, 0.25s, 0.25s, 0.25s;
    -webkit-transition: opacity 0.25s ease-in-out 0.25s, width 0.25s ease-in-out 0.25s, height 0.25s ease-in-out 0.25s, z-index 0.25s ease-in-out 0.25s;
    transition: opacity 0.25s ease-in-out 0.25s, width 0.25s ease-in-out 0.25s, height 0.25s ease-in-out 0.25s, z-index 0.25s ease-in-out 0.25s;
    background: rgba(26, 26, 26, 0.85);
    border: 5px solid #7fcff7;
    transition: all 0.25s;
}
.distribution-map .map-point .content {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out;
    width: 100%;
    height: 100%;
    /*left: 100%;*/
    /*-ms-transform: translateX(-50%);*/
    /*-webkit-transform: translateX(-50%);*/
    /*transform: translateX(-50%);*/
    overflow: overlay;
    min-height: auto;
    margin-top: 0;
}
.distribution-map .map-point:active, .distribution-map .map-point:focus {
    left:40% !important;
    top:10% !important;
    margin: 0;
    padding: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 80%;
    height: 80%;
    color: #e5e5e5;
    z-index: 1;
    -webkit-transition: opacity 0.25s ease-in-out, width 0.25s ease-in-out, height 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out, width 0.25s ease-in-out, height 0.25s ease-in-out;
    -ms-transform: translateX(-40%);
    -webkit-transform: translateX(-40%);
    transform: translateX(-40%);
}
.distribution-map .map-point:active .content, .distribution-map .map-point:focus .content {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transition: opacity 0.25s ease-in-out 0.25s, height 0 ease-in-out 0.25s, overflow 0 ease-in-out 0.25s;
    -o-transition: opacity 0.25s ease-in-out 0.25s, height 0 ease-in-out 0.25s, overflow 0 ease-in-out 0.25s;
    -webkit-transition: opacity 0.25s ease-in-out, height 0 ease-in-out, overflow 0 ease-in-out;
    -webkit-transition-delay: 0.25s, 0.25s, 0.25s;
    -webkit-transition: opacity 0.25s ease-in-out 0.25s, height 0 ease-in-out 0.25s, overflow 0 ease-in-out 0.25s;
    transition: opacity 0.25s ease-in-out 0.25s, height 0 ease-in-out 0.25s, overflow 0 ease-in-out 0.25s;
    overflow: hidden;
}
.distribution-map .map-point:active .content a:hover, .distribution-map .map-point:active .content a:active, .distribution-map .map-point:focus .content a:hover, .distribution-map .map-point:focus .content a:active {
    color: #afe1fa;
}

.moveCenter{top:10% !important;left:10% !important;transition: all 0.25s;}

.map-ms{max-width: 1300px; font-size: 16px; margin: 20px auto 0;}

.ly-box{ background-color: #fff;}
.ly-box .ly-title{
    padding-top: 72px;
    font-size: 40px;
    color: #3b5997;
    max-width: 1300px;
    margin:0 auto;
}
.ly-ms{max-width: 1300px; font-size: 16px; margin: 20px auto 0;}
.caselist{max-width: 1300px; margin: 30px auto;}
.caselist ul{display: flex; flex-wrap: wrap;}
.caselist ul li{width: 24%; margin-right: 1%; margin-bottom: 1%;}
.caselist ul li{background-color: #05172f; position: relative;}
.caselist ul li img{ width: 100%; opacity: 0.5; transition: all .3s ease .1s;}
.caselist ul li:hover img{opacity:1;}
.caselist ul li p{transition: all .3s ease .1s;position: absolute; bottom: 0px; color:#fff; font-size: 26px; padding: 26px; opacity: 0.8; }
.caselist ul li:hover p{opacity:1;}


.scj_show_img {
    position: relative;
    overflow: hidden;
}
.scj_show_img .scjimg{
    width: 100%;
    height: 100%;
    background: rgba(59,89,151,0.8);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all .5s;
}
.scj_show_img:hover .scjimg{
    opacity: 1;
}
.scj_show_img .scjimg::before{
    content: '';
    width: 60px;
    height: 60px;
    background-image: url(../images/img63.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

@media(max-width: 1459px){
    .proda_1 .gallery-top .swiper-slide {}
    .por_dat1 .a {
        width: 94px;
        height: 41px;
        line-height: 41px;
        border-radius: 41px;
        font-size: 16px;
    }

}
@media(max-width:991px){
    .proda_1 .div2_prod {
        width: 100%;
        margin-left: 0;
        margin-top: 2%;
        padding: 40px 40px;
    }
    .proda_1 .div1 {
        margin-top: 20px;
    }

    .proda_1 .div2_prod {
        width: 100%;
        margin-left: 0;
        margin-top: 5%;
        padding: 50px 50px;
    }
    .proda_1 .div2_prod img {
        width: 40%;
        display: none;
        margin: 0 auto;
        transition: .8s all;
    }
    .proda_1 .div1 {
    }
    .proda_1 {
        width: 100%;
    }
}
@media (max-width: 414px) {
    .proda_1 .div2_prod {
        margin-top: 3%;
    }
    .proda_1 .div1 .sma:hover {
        border: 1px solid transparent;
    }
    .proda_1 .div1 .swiper-wrapper .swiper-slide {
        height: 76px !important;
    }
    .proda_1 .div1 {
        margin-top: 10px;
    }
    .por_dat1 .a {
        width: 120px;
        height: 38px;
        line-height: 38px;
        border-radius: 38px;
        font-size: 14px;
        margin-top: 30px;
    }


}
.proda_1 .gallery-top .swiper-slide{
    position: relative;

}
.proda_1 .gallery-top .swiper-slide img{

}
.proda_1 .div2_prod{
    padding: 0 0;
}

.richtext table {
    width: 100%;
}
.richtext table tr td {
    padding: 10px 20px;
    border: solid 1px #ddd;
    /*word-break:break-all;*/
    font-size: 13px;
    text-align: center;
    line-height: 2;
}
.richtext table tr td p{
    text-align: center;
    font-size:13px;
}
/*.richtext table tr td:nth-child(2){*/
/*    text-align:left;*/
/*}*/
.richtext table tr {
    background: #fff;
}
.richtext table tr:nth-child(1) td {
    background: #3b5997;
    color: #fff;
    font-weight: bold;
    text-align: center;
}



.divWord table {
    width: 100%;
    overflow-x: auto;
    overflow-y: auto;
}
.divWord table tr td {
    padding: 10px 20px;
    border: solid 1px #ddd;
    /*word-break:break-all;*/
    font-size: 13px;
    text-align: center;
}
.divWord table tr td p{
    text-align: center;
    font-size:13px;
}
.divWord table tr {
    background: #fff;
}


@media(max-width: 1459px){
    .proda_1 .div1 .swiper-wrapper .swiper-slide {
        height: 110px;
    }

}
@media(max-width: 500px){
    .proda_1 .gallery-top .swiper-slide {
        position: relative;

    }
}

.proda_2{
    margin-top: 30px;
}

.proda_2 .top {
    width: 100%;
    border-bottom: 1px solid #dfdddf;
}
.proda_2 .top li {
    cursor: pointer;
    width: 12%;
    padding: 10px 0;
    text-align: center;
    transition: .8s all;
    color: #333333;
    font-size: 18px;
    float: left;
    position: relative;
}
.proda_2 .top li::after {
    content: '';
    display: inline-block;
    width: 1px;
    height: 15px;
    position: absolute;
    transition: .8s all;
    top: 43%;
    right: 0;
    transition: opacity .8s;
    opacity: 1;
    background-color: #dfdddf;
}
.proda_2 .top li:hover {
    color: #fff;
    background-color: #3b5997;
}
.list-active {
    background-color: #3b5997;
    color: #fff !important;
}
.proda_2 .top li:hover a{
    color: #fff !important;
}
.proda_2 .top li:hover::after {
    opacity: 0;
}
.proda_2 .top .li3::after{
    content: none;
}
.proda_2 .bottom{
    width: 100%;
    display: none;
    line-height: 20px;
}
/*.proda_2 .bottom p{*/
/*    line-height: 30px;*/
/*    color: #666;*/
/*}*/
.proda_2 .bottom .u1{
    padding: 30px 0;
}
.proda_2 .bottom .u1 li{
    margin-top: 14px ;
    font-size: 16px;
    color: #666666;
}
.proda_2 .bottom .u1 li:nth-child(1){
    margin-top: 0;
}
.proda_2 .bottom .div1{
    max-width: 100% !important;
    height: auto !important;
}
.proda_2 .bottom .div1 img{
    width: 100%;
}
@media (max-width: 1459px) {
    .proda_2 .top li {
        font-size: 16px;
    }
}
@media (max-width: 1259px) {
    .proda_2 .bottom .u1 li{
        font-size: 14px;
    }
    .proda_2 .top li {
        font-size: 16px;
    }
}
@media(max-width:991px){
    .proda_2 .bottom .div1 {
        margin-left: 0px;
        width: 100%;
    }
    .proda_2 .bottom .div1 img{
        transition: .8s all;
    }
    .proda_2 .bottom .div1 img:hover{
        transform: scale(1.4);
    }
    .por_dat1 .lef{
        display: none;
    }
    .divp .lef{
        display:block;
    }
}
@media (max-width: 768px){
    .proda_2 .bottom p{
        font-size: 14px;
        line-height: 25px;
    }

    .proda_2 .top li {
        font-size: 13px;
    }
    .proda_2 .top li {
        padding: 8px 0;

    }
    .proda_1 {
        padding-top: 12px;
    }
}
@media (max-width: 414px) {
    .proda_2 .bottom {
        padding-left: 0;
    }
    .proda_2 .top li {
        width: 24%;
        float: none;
        display: inline-block;
    }
    .proda_2 .bottom .u1 {
        padding: 20px 0;
    }
    .proda_2 .bottom .u1 li {
        margin-top: 8px;
    }

}

.rz-map-box{ margin-bottom: 30px; position: relative;}
.rz-map-box .point_item{position: absolute;width: 100%;}
.rz-map-box  img{width: 100%;}
.rz-map-box .point_item .pointword{position: absolute;
    left: -60px;
    top: 38px;
    width: 120px;
    text-align: center;
    margin-left: 24px;
}
.rz-map-box .point_item .point {
    display: block;
    content: '';
    width: 16px;
    height: 16px;
    background: #3b5997;
    border-radius: 100%;
    position: absolute;
    top: 11px;
    left: 14px;
    z-index: 5;
    border: 2px solid #fff;
}
.rz-map-box .animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}
.rz-map-box .pulsed {
    -webkit-animation-name: pulsed;
    animation-name: pulsed;
}
.rz-map-box .point_item .span1 {
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 4px;
    left: 7px;
    z-index: 3;
    background: rgba(187, 230, 255, .33);
    border-radius: 100%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 1.2s;
    -moz-animation-duration: 1.2s;
    -o-animation-duration: 1.2s;
    -ms-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    -ms-animation-timing-function: linear;
    animation-timing-function: linear;
}

@-webkit-keyframes pulsed {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(0.8, 0.8, 0.8);
    }

    50% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(2, 2, 2);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(0.8, 0.8, 0.8);
    }
}
.rz-map-box .point_item.active .point {background: orangered;}
.rz-map-box .point_item.active .pointword {color: #3b5997}
.rz-map-box .showDown{display: none;}
.view_list {min-width: 680px;}
.rz-map-box .point_item.active .span1 {    background: rgba(253, 219, 219, 0.33);}

.pro_con .divp{
    width: 100%;
    margin-bottom: 10px;
    background: rgb(243,247,250);
    line-height: 50px;
}
.pro_con .divp .lef{
    width: 53%;
    float: left;
    padding-left: 70px;
    font-size: 16px;
    color: #121212;
    position: relative;

    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.pro_con .divp .lef::before{
    content: '';
    width: 20px;
    height: 20px;
    background-image: url(../images/img68.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: 28px;
    top: 50%;
    transform: translateY(-50%);
}
.pro_con .divp .rig{
    width: 47%;
    float: left;
    font-size: 22px;
    color: #bbbbbb;
    padding-right: 75px;
    position: relative;
}
.pro_con .divp .rig::before{
    content: '';
    width: 32px;
    height:32px;
    background-image: url(../images/img69.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 28px;
    top: 50%;
    transform: translateY(-50%);
}

.keywordbd{padding: 10px 0}

.layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: #3b5997;
}
.layui-laypage a:hover {
    color: #3b5997;
}


/* tag */
.default-tag a,.default-tag a span,.plus-tag a,.plus-tag a em,.plus-tag-add a{background:url(../images/tagbg.png) no-repeat;}
.tagbtn a{color:#333333;display:block;float:left;height:28px;line-height:28px;overflow:hidden;margin:0 18px 18px 0;padding:0 22px 0 18px;white-space:nowrap;}
/* default-tag */
.default-tag{padding:16px 0 32px 0;}
.default-tag a{background-position:100% 0;}
.default-tag a:hover{background-position:100% -28px;}
.default-tag a span{padding:0 16px 0 17px;background-position:0 -72px;}
.default-tag a:hover span{background-position:0 -110px;color:#fff;}
.default-tag a.selected{opacity:0.6;filter:alpha(opacity=60);}
.default-tag a.selected:hover{background-position:100% 0;cursor:default;}
.default-tag a.selected:hover span{background-position:0 -60px;}


.job {
    padding: 68px 0
}

.job .title {
    text-align: center;
    color: #3b5997;
    font-weight: 700;
    font-size: 40px
}

.job .tips {
    text-align: center;
    font-size: 16px;
    color: #606060;
    line-height: 32px;
    padding: 10px 0
}

.job dl {
    overflow: hidden;
    margin: 24px auto 26px auto
}

.job dl dt {
    display: block
}

.job dl dt span {
    display: block;
    float: left;
    font-weight: normal;
    width: 17%
}

.job dl dt span img {
    vertical-align: middle;
    margin-right: 3px
}

.job dl dt .name {
    width: 27%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-left: 52px
}

.job dl dt .time {
    text-align: center
}

.job dl dt .address {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: center
}

.job dl dt .people {
    width: 16%;
    text-align: center
}

.job dl dt .operating {
    width: 14%;
    text-align: center
}

.job dl .list0 {
    line-height: 60px;
    height: 60px;
    background: #3b5997;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid #fff
}

.job dl .list0 span {
    color: #fff
}

.job dl .list_dt {
    cursor: pointer;
    height: 60px;
    line-height: 60px;
    transition: width 2s;
    overflow:hidden;
    border-bottom: 1px solid #e6e6e6
}

.job dl .list_dt .subnav {
    display: block
}

.job .list_dt {
    background: #fff url(../images/a.png) no-repeat 95% center;
    color: #333;
    font-size: 16px;
    cursor: pointer;
    position: relative;
    transition: all .5s linear;
    -moz-transition: all .5s linear;
    -o-transition: all .5s linear;
    -webkit-transition: all .5s linear
}

.job .list_dt span {
    transition: all .5s linear;
    -moz-transition: all .5s linear;
    -o-transition: all .5s linear;
    -webkit-transition: all .5s linear
}

.job .list_dt:hover {
    background: #666 url(../images/ah.png) no-repeat 95% center;
    color: #fff
}

.job #open {
    background: #666 url(../images/ah.png) no-repeat 95% center;
    color: #fff
}

.job .list_dd {
    display: none
}

.job .jobsub {
    background-color: #f6f6f6;
    border-top: 0;
    line-height: 27px;
    padding: 56px 25px 30px 48px;
    position: relative;
    text-align: left;
}

.job .jobsub h3 {
    font-size: 20px;
    color: #333;
    margin-bottom: 18px
}

.job .jobsub .jsh {
    font-size: 16px;
    color: #333
}

.job .jobsub .jsh a {
    color: #3b5997;
    background: url("../images/fasong.png") no-repeat center left;
    padding-left: 23px;
    text-transform: uppercase
}

.job .jobsub p {
    line-height: 34px;
    color: #777;
    font-size: 16px
}